What are you most proud of, and what would you do differently next time?
I tried my best to make it look good on mobile, desktop, and tablet. Using CSS Grid was fun. I used grid-template-areas and assigned grid-area to each card. I wonder if it was the best practice.
@MikDra1
Posted
If you change the design throughout the width of screen the best way is to use grid-areas because then it will be the easiest for you to easily change the layout. However if you don’t want to change the layout throughout the screen width then you can also use grid-column and grid-row
If this comment was useful please mark it as helpful ❤️
Good job and keep going ☺️😊😉
Marked as helpful
@IzykGit
Posted
Good work!
If you are ever using CSS grid and you need to make it responsive, just switch it to display: flex; flex-direction: column; align-items: center;`. This is what I do because I think it is the easiest method since if they are just going to be in a single column then there is no reason to keep it a grid. Hope this helps.
Keep up the good work!
Marked as helpful
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
