CSS for Front-end Interviews/

...

/

Solution Review: CSS Transform Challenge 2

Solution Review: CSS Transform Challenge 2

The solution to the challenge of aligning the elements in the center (both vertically and horizontally) is discussed in this lesson.

We'll cover the following...

Solution review

Let’s have a look at the solution first.

  • HTML
  • CSS (SCSS)
html
css
Explanation


* {
  margin: 0;
}



The margin for all the elements by default is set to 0.


.box {
  width: 100%;
  height: 100px; 
  position: fixed;
}



The height and  ...