TO the new

order in css

inline elements

position in css

 z-index

css grid and flex-box

reverse the icon 

change the order of the icons 


// sayHi();

// function sayHi() {

//   console.log(name);

//   console.log(age);

//   var name = "Lydia";

//   let age = 21;

// }

//myfn();

//function myfn() {

  // let x = 10;

  // const y = 20;

  // var z = 30;

  // a = 40;

//}

// console.log(x);

// console.log(y);

// console.log(z);

// console.log(a);

// const shape = {

//   radius: 10,

//   diameter() {

//     return this.radius * 2;

//   },

//   perimeter: () => 2 * this.radius,

// };

// console.log(shape.diameter());

// console.log(shape.perimeter());

// function Person(firstName, lastName) {

//   this.firstName = firstName;

//   this.lastName = lastName;

// }

// const lydia = new Person('Lydia', 'Hallie');

// const sarah = Person('Sarah', 'Smith');

// console.log(lydia);

// console.log(sarah);

// for (var i = 0; i < 3; i++) {

//   setTimeout(() => console.log(i), 1);

// }