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
Request path contains unescaped characters
Not Found

Submitted

8th project

@nirvayathapa


Design comparison


SolutionDesign

Solution retrospective


I hope u guy to help me with responsiveness!

Community feedback

arey 350

@arey-dev

Posted

Hello, nice attempt on this challenge!

Here's my advice:

  • Try to mimic the web design as much as possible before thinking of responsiveness.
  • Don't use position property on your layout because you will have a hard time making the page responsive.
  • try using display: inline-block or display: flex to layout your main.
  • Last, instead of using image to create icons. Try using Font Awesome

Marked as helpful

0

@nirvayathapa

Posted

@arey-dev thank u very much and btw can u help me with this problem?As u can see in my website,the entire page is overflowing in y-axis and i tried solving it using overflow-y:hidden but the result was unexpected so i hope u help me with one .Thanks

0
arey 350

@arey-dev

Posted

@nirvayathapa I think it's because of your header. The margin that you set is too large, try reducing it. Also, in your img logo, set the width instead of height.

If you're still having trouble, try watching this video on how to make responsive website. Study all the things that are new to you.

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