review my code please

// 1: Select the element with the ID 'about'. 
//    Store the element in the variable `about`.
const about = document.getElementById('about');
about.style.border = "2px solid firebrick";

// 2: Select all the <h2> elements in the document.
//    Set the color of the <h2> elements to a different color.
const h2 = document.querySelectorAll("h2");
h2.forEach(function(elem){
  elem.style.color = "red"
 });

// 3: Select all elements with the class '.card'. 
//    Set their background color to the color of your choice.

document.querySelectorAll('.card').forEach(function(elem){                
  elem.style.backgroundColor="yellow"
});

// 4: Select only the first <ul> in the document.
//    Assign it to a variable named `ul`.

var ul = document.querySelector('ul');
ul.style.border = "2px solid indigo";

// 5: Select only the second element with the class '.container'.
//    Assign it to a variable named `container`.

var container = document.querySelector('.container:nth-of-type(2)');
container.style.backgroundColor = "royalblue";

// 6: Select all <a> elements that have a 'title' attribute. 
//    Set their color value to the color of your choice.


var a = document.querySelectorAll('[title]');
console.log(a);
a.forEach(function(elem){
  elem.style.color="yellow"
});