+ 3

Webpage responsiveness

Hi everyone. I’ve nearly finished with my webpage for a friend but I’m struggling to make it responsive. I learnt that I should use relative values like ems and percentages but they didn’t seem to work too well, so I used pixels and it’s working somewhat better than percentages. I have the code attached. Please view it and can you give me Your advice. https://code.sololearn.com/W6epjkBa43qI/?ref=app

5th Aug 2018, 10:28 AM
Byron Cross
3 Answers
+ 10
for it's not even seeing website properly remove huge pixel
5th Aug 2018, 10:31 AM
Charan Leo25
Charan Leo25 - avatar
+ 2
If you want to make it responsive (both mobile-friendly and desktop-friendly), I foresee denominating all measurements in pixels being a big issue. A good measurement "framework" for beginners is to set the base/main font in pixels, then do margin/padding in ems, and other layout items in percentages (roughly speaking). Once you've become intimately familiar with its advantages and limitations, you can break from the "framework" and evolve/devise your own approach.
5th Aug 2018, 10:38 AM
Janning⭐
Janning⭐ - avatar
0
I'm no expert but I think I have something that might help you. This link will provide extra info on responsiveness. https://www.w3schools.com/css/css_rwd_intro.asp Finish the RWD(Responsive Web Design) series under the "CSS Responsive" heading.
5th Aug 2018, 11:17 AM
Puck
Puck - avatar