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

Responsive four card feature using CSS Grid

P

@grmbyrn

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 made this a long time ago so don't remember.

What challenges did you encounter, and how did you overcome them?

I made this a long time ago so don't remember.

What specific areas of your project would you like help with?

I made this a long time ago so don't remember.

Community feedback

@jgengo-alt

Posted

Hello there my dear friend 👋

First of all, great job 🚀

On a wide-screen your layout is a bit too spacy, would have been great to add a max-width of 1200px to your parent div

Also it would have been more intuitive to add position: relative to the card, and position: absolute; to the image so you can place it in space with more "relatable" position like bottom: 2em; right: 2em;

Once again you did tho a great job!

Keep going 💪

Don't hesitate to follow me and give me some feedbacks on my assignments, I will follow back and try my best to give you feedbacks to your future posts :) 🪴

Marked as helpful

0

P

@grmbyrn

Posted

@jgengo-alt Some really good advice there, Jordane! I'm sure they'll help improve the page. I just followed you. I'll give feedback where I can!

0

@omardavidcyber

Posted

The only nit-picky thing is the page background color is white while the design is a more grayish one. But other than that the layout looks really good Graeme!

Marked as helpful

0

P

@grmbyrn

Posted

@flyhighparadise Ah, well spotted. I didn't pick up on the background when looking at the Figma. Thanks!

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