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

dcx2024ā€¢ 110

@dcx2024

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 challenges did you encounter, and how did you overcome them?

getting the layout to be arranged

Community feedback

Anublissā€¢ 460

@Anubliss-0

Posted

Nice job on this challenge! I had a couple of pointers from a quick glance at your code... For starters I see you have used vh to set the height of your cards, while vh can be very useful it can result in strange box sizing on larger screens, I would avoid it for sizing elements in most cases.

If you want to dynamically size an element I suggest the use of flexbox instead, I can see you have used it in your layout already so great start!

And in response to your comment... "getting the layout to be arranged"

The way you have structured your html with one card in the first section, two in the second and three in the third is good, the use of media queries is good as well.

I do notice however you have forgotten to close the last image tag! <img src="/icon-calculator.svg" alt="calculator>

Nice job, feel free to message me if you have any questions.

Marked as helpful

0

dcx2024ā€¢ 110

@dcx2024

Posted

@Anubliss-0 I see. Thank you very much.I'll try to make some chnages as soon as possible

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