Resposive page using grid css

Community feedback

• Account deleted

  Hey Jeevitha, congratulations on completing the challenge!

  Let me give you some little tips for optimizing your code:

  • remove display: table property from html
  • remove width: 100%; height: 100%; position: fixed; properties from body
  • remove the container class from the main tag
  • remove margin and height properties from panel class because with flex they are superfluous
  • to make it look as close to the design as possible add border-radius: .5rem; overflow: hidden; to panel class
  • add transition on the element with hover effect
  • instead of using px use relative units of measurement like rem -> read here

  Hope this help! Happy coding 😁 by Travolgi

  Marked as helpful

  0

  ---

  

  jeevitha•70

  @jeevitha1123Posted over 2 years ago

  @travolgi thank you so much for your valuable feedback surely going to try all these tip keep supporting 😁

  1

  Account deleted

  @jeevitha1123 You are welcome! it is a pleasure to help you 😁 Keep it up

  0