@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
ordisplay: flex
to layout yourmain
. - Last, instead of using image to create icons. Try using Font Awesome
Marked as helpful
@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
@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.