Skip to content
Submitted about 1 month ago

responsive page using flex and grid

SaeedAbakah•110
@SaeedAbakah
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

gaining more understanding on how to combine grid and flex in same DOM

What challenges did you encounter, and how did you overcome them?

I wouldve loved for the entire section to be displayed a single page without scroll on bigger screens but couldnt figure out a way to do it. Still searching for solsution

Community feedback

  • Mahmood•1,510
    @MahmoodHashemPosted about 1 month ago

    Hello there 👋

    Congrats on completeing the challenge

    You work fantastic and stunning, to be Honest.

    To make your webpage scroll-free, I did something with your codes, not standard, but it works.

    Scale down the grid container 😅 and remove the margins and paddings from it

    0

Please log in to post a comment

Log in with GitHub

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