Submitted about 1 year agoA solution to the Four card feature section challenge
four card feature | Responsive design
@rvj1
Solution retrospective
What are you most proud of, and what would you do differently next time?
I'm happy that i leaned a lot, but still got a lot to improve.
What challenges did you encounter, and how did you overcome them?I encounter problems in using grid and I couldn't overcome them properly
What specific areas of your project would you like help with?i would like help with the grid section. In this project the 1st box and the 4th box should be in the middle but I couldn't do it.
Code
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@DarkstarXDD
- You are almost there. I will give some help. The first box should start at row 2 and end at row 4. Same with 4th box. But you also have to define row spans (row start and row end) for the two middle boxes as well. Try to find the row start and row end for those two. You will also have to reduce the height of your rows a bit in your
grid-template-rows, which is currently at 200px.
Marked as helpful - You are almost there. I will give some help. The first box should start at row 2 and end at row 4. Same with 4th box. But you also have to define row spans (row start and row end) for the two middle boxes as well. Try to find the row start and row end for those two. You will also have to reduce the height of your rows a bit in your
Join 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