Skip to content
Submitted over 4 years ago

My first little layout with css Grid and Flexbox.

Enol Igareta•115
@Enol-Igareta
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

My first code. I have been studying self-taught for 1 month. Try to make the best use of gridd and flexbox. I accept any help, advice and criticism. Thanks for your time :)

Code

Please log in to post a comment

Log in

Community feedback

  • Mijail Hernandez•950
    @MishaHernandez

    Hi Enol-Igareta!

    • The problem is the left margin of the image (.card__img) inside the main container ( .container), this margin has a size that overflows the grid, and finally the margins that help to center this container also overflow it from the viewport.
    • A solution would be to remove the left margin and align the image using flexbox or assigning it display: block; margin-left: auto;

    Greetings and I hope my comment has been useful :)

  • Enol Igareta•115
    @Enol-Igareta

    Why is the design comparison out of square with the original design if my live server is in the center? sorry

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