Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

huddle landing page

Aryan Dograโ€ข 170

@aryandogra2003


Design comparison


SolutionDesign

Solution retrospective


Hello guys

I am having trouble making this page responsive . Need some suggestions to make it responsive

Community feedback

P
Nikolas Escobalโ€ข 230

@nikoescobal

Posted

Hello there! ๐Ÿ‘‹

Congratulations on finishing your challenge! ๐ŸŽ‰

Here's some other feedback on this solution:

  • Keep in mind that the web is responsive by default
  • This is why it's suggested to always start with mobile-first, then use media queries to cover the other screens
  • Check the report to fix html issues - you currently have 2 listed

I hope this is helpful and all the best with your coding journey!

Marked as helpful

1
szamโ€ข 800

@k-stopczynska

Posted

Hi!

Congratulations on finishing the project!

If you could narrow down the problem with responsiveness, I'll be happy to help. For now I can see that you didn't get the mobile view at all, that would be the first thing to do.

Also check out your socialmedia icons: they are in different colour than in the design (icons are like fonts, you can set the color for them too). And another thing: they are absolutely positioned, so when viewport width is narrowing- they slide to the left side. You can check it out in developer mode. You can wrap them in a div with flexbox and justify to the right.

If you have any questions- don't hesitate.

Desktop view however looks good, so keep on coding:)

Marked as helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

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