Design comparison
SolutionDesign
Solution retrospective
I had trouble on two things:
-
The logo container has extra space above and below in it's grid cell. I centered the logo inside the cell, but I could not figure out how to get rid of the extra space. It looks fine but I wanted to control the spacing myself.
-
For the desktop version, I couldn't get the background image just to be on the divs on the left side of the image. I think this is because of the way the HTML is structured for the grid system to work. I ended up putting the background image on the full body. It looks fine, it just isn't exactly what the design had.
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