Webpage responsiveness

Question

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

Answer 1

for it's not even seeing website properly remove huge pixel

Answer 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.

Answer 3

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.