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

HTML, CSS, Flex

Olabayoji 135

@Olabayoji

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


Is there a way to make the 2 middle cards resize as I resize the window? Only the 2 cards at the sides resize while resizing the window. Also, feedback would be highly appreciated. Thank you.

Community feedback

@Nova988

Posted

Hi, Nice card. I think that you are looking for the properties flex-basis, flex-shrink and flex-grow. Hope that will help. You could also use grid for the structure of the cards, maybe that would make it a bit easier.

0

Olabayoji 135

@Olabayoji

Posted

@Nova988 I don't think flex-basis or shrink would solve the problem. I need the cards in the middle to shrink in size as I resize/shrink the window. But I think grid would probably fix the problem.

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