
CSS grid for centering the main div, "hover" pseudoselector,
Design comparison
Solution retrospective
While working on this, I learned for the first time about Rules in CSS, specifically, I had to use the font-face rule to define the font families I used in the website. It gives me the idea that CSS Rules are used to make custom values to specific properties, so I will do more research to see it's uses. Also I learned several other ways to centre a div.
What challenges did you encounter, and how did you overcome them?The first challenge I encountered was trying to centre the main light-grey div on the viewport; I knew initially that I could use flexbox to do this, but it wasn't working for some reason. To find other solutions I consulted Youtube.
What specific areas of your project would you like help with?I would like help with the button layout, because I don't believe I went around this in the most efficient way.
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord