Frontend Mentor | Yishak Zewdineh's profile

@Demils13

Submitted 9 months ago

This is my fourth challenge of Frontend Mentor. Everything I did, was almost perfect, but I struggled to fix the responsiveness of the layout. If you shrink a little bit the page, you can see that, my layout decomposed and I don't understand why at this moment. But I'm still grinding.

I used the flexbox layout technique for this challenge.

Yishak Zewdineh• 80

@yzewdineh

Posted 9 months ago

Hey D'émils Dingui, well done!

You just need a little tweak to your layout. Instead of making the whole card a flex, better to make the subscription and why-us sections in a container class called .card-body.

.card {
    max-width: 635px;
    margin: 0 auto;
}

.card-body{
    display: flex;
}

.subscription, .why-us {
    flex: 50%;
}

And then on mobile breakpoint, change these parts;

.card{
    padding: 5rem 2rem;
}

.subscription, .why-us {
    flex: 100%;
}

Overall, you did great.

Yishak Zewdineh

All comments

I used the flexbox layout technique for this challenge.