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

P
Hexerse 460

@Hexerse

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 am proud of the whole thing. Extremely difficult for me. Next time I will use flex more for designs that are harder for grid. I will also use transform more as it helps me get what I need while allowing flex wrap to still work

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

I did not know how to align the boxes the way the desktop version did. And I did not use flex wrap. I studied alot to overcome them. I used youtube and Josh Comeau guide to flex. Also watched a guide on grid as I did not know what to use.

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

Please if there is a more efficient way to do the code or a way to do it easier with another method. I would really like to learn.

Community feedback

@Kvngjakes1

Posted

when ur work comes to the screen size of 322 the images fly out of the box

1
yfeienzo 60

@yfeienzo

Posted

The order of the card is wrong, otherwise all very nice!

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