
Design comparison
Solution retrospective
I am most proud of using the template layout properties to help me solve this challenge.
Community feedback
- P@Joshk7Posted 3 months ago
Looks great SJ! There are a couple of differences between your solution and the Figma design. The first fix that I can suggest is instead of having the main html tag be your grid container, you should specify a container with css such as:
.container { max-width: 1110px; width: 90%; margin: 4.5rem auto; } .card-container { display: grid; gap: 2rem; }
Then within the main element, you should add a div or section where you can apply display: grid. Also you can wrap your attribution statement in a footer and set the footer's position to fixed to make your solution look cleaner:
footer { position: fixed; bottom: 0.5rem; left: 0; width: 100%; }
Hope this helps!
0
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