Optimising responsivenes

Hi,

I finished my first Project, which was luckily very easy to start with. Now where I have finished I realised, that it is not very responsive on smaller devices. I am scared now, that I have to change everything all over again. What would be the most basic approach to fix this?

Also I am not really sure how to publish the web page.

Thank you in advance for any help!

Look at this link

This will show you how you can add css for different size screens. You wont have to change the css you have now, but you will need to add more.

There are several free hosting options. Do you have a github by chance?

1 Like

@MartinZ, some things to help with responsiveness.

  • Do not use fixed dimensions on elements, use max-width/height and relative units like %, em, rem and vw to keep everything responsive.
  • Start by styling for a narrow view port first. Narrow your browser as far as it will go and style the page so it looks good at that narrow width. Then gradually widen your browser and use CSS media query break points to adjust the style for wider view ports if needed.

You can use CodePen, GitHub pages, CodeSandbox or surge.sh

1 Like