Resposive page using grid css

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