Skip to content
OverviewSolutions
8
Comments
1
Yishak Zewdineh
@yzewdineh

All comments

  • D'émils Dingui•40
    @Demils13Submitted 10 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.

    1
    Yishak Zewdineh•80
    @yzewdinehPosted 10 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.

    0