Design comparison
Solution retrospective
What are you most proud of, and what would you do differently next time?
I think the way to approach the project is great, I used CSS Grid to layout the cards section and media queries to change from 1-column to 3-column layout for larger screens, this allows me to use grid-row and grid-column properties to change the order of some grid items.
What challenges did you encounter, and how did you overcome them?
I found some challenges, but related to the tool (Astro) but not the design. This is because I just completed the Astro tutorial and I am not very related with Astro, some challenges:
- Display local images
- Display the top border color for the cards
- CSS styles that were not being applied even though they were declared.
To overcome them I have to go to the documentation.
What specific areas of your project would you like help with?
I think the project is very similar to the design.
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