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 section using html, js, css flexbox and grid

Martha 510

@Mtc-21

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 could be the possible improvements?

Community feedback

@pikapikamart

Posted

Hey, awesome work on this one. Layout looks really great in desktop, it is responsive and the mobile state looks great as well.

Just a small suggestion/s.

  • This text Reliable, efficient delivery Powered by Technology is really a one sentence and not separated, hence using only h1 to wrap both of these would be great. Then to make the h1 text be wrapped, use max-width on it and adjust until you get the desired look then lastly add margin: 0 auto to center it.
  • Also when you use h1 on that, remember to change those h3 into h2 on each of the cards at the bottom.

Aside from those, great job again on this one.

Marked as helpful

0

Martha 510

@Mtc-21

Posted

@pikamart Hi, I really appreciate you sharing your knowledge, apply the suggestions.

thank you 👍

1

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