Skip to content
Submitted about 4 years ago

Huddle Landing with Intro Section CSS Grid

Raghav Kapur•215
@codingkapur
A solution to the Huddle landing page with a single introductory section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hey,

At 1440px and 375px, the site looks fine. But it behaves weirdly between 888px(a media query starts here) and 1156px. After 1156px, it goes back to the way it is supposed to work.

Can you look at the code and see what's wrong here. I'm guessing the image size has something to do with it, but I couldn't find a solution so would love to hear your take.

If you have done this challenge using css grid and everything works fine, please share your solution with me.

Thanks!

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Patrick•14,265
    @palgramming

    Looks like you have conflicting media queries. Try to take them all out the different places of you CSS and group them all together. Then try to follow the logic of what each of them are doing and which are undoing what the other one did

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