Submitted almost 3 years ago

Four card feature section

Sarvotham Gowda•210

@sarvothamgowda

A solution to the Four card feature section challenge

Preview Code

Solution retrospective

Hello,

When the screen shrinks to 820px, icons in the card got displaced. How do I avoid it?

Code

Please log in to post a comment

Community feedback

P
Ed•720
@EdwinSch
Posted almost 3 years ago
Hey! So what's happening with the displacement here; while the screen get's smaller, the sentences 'wrap' words to the next line to account for the width getting smaller. Thus the text(element) actually gains height, pushing to next element (your icons) downwards. There are multiple ways to solve this, but the fastest would be to just change your breakpoint before it's starts wrapping words to a new line.

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