Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

four card feature | Responsive design

Reuel VJ 80

@rvj1

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

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.

Community feedback

Darkstar 1,000

@DarkstarXDD

Posted

  • 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

0

Please log in to post a comment

Log in with GitHub
Discord logo

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