Design comparison
Solution retrospective
I hope u guy to help me with responsiveness!
Community feedback
- @arey-devPosted over 2 years ago
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
ordisplay: flex
to layout yourmain
. - Last, instead of using image to create icons. Try using Font Awesome
Marked as helpful0@nirvayathapaPosted over 2 years ago@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-devPosted over 2 years ago@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 thewidth
instead ofheight
.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 GitHubJoin 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