I used rotate for active state

Community feedback

• 

  Hassia Issah•50,390

  @Hassiai

  Posted over 2 years ago

  replace <div class="main"> with the main tag , <div class="attribution"> with the footer tag and give the alt a value <img src="icon-view.svg" alt=""> , to fix the accessibility issues.

  To center a content on a page, add min-height:100vh; display: flex; align-items-center: justify-content: center; to the body. There is no need to give .container a height value.

  Use rem or em as unit for the padding , margin, width and preferably rem for the font-size for more on this watch this https://youtu.be/N5wpD9Ov_To

  In the media query there is no need to give the body, a width value, a height value and color value. Give .container a width of 80%, this will help, there is no need to give .container a margin value.

  Hope am helpful HAPPY CODING

  00