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

Urias Ramosβ€’ 170

@Urias-Ramos

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 feel proud to complete the challenge and improve little by little.

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

I experienced an issue with the page layout where certain sections were hidden and did not scroll correctly when reducing the browser size. However, I managed to solve it by implementing the following CSS properties:

min-height: 100vh; flex-grow: 1;

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

any help is welcome

Community feedback

rafi bβ€’ 280

@raficode2303

Posted

the solution look great. it almost 100% like the design.

  • need to add a little box-shadow for the cards
  • when the cards resize to smaller width, the width is not the same for all of them. and also the image icons shrink to 0 width almost.
  • tip: when you write parts of code, put it between . like this: min-height: 100vh; flex-grow: 1;` keep to build πŸ‘·

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