pull down to refresh

As a newbie i already designed the website but was not responsive on small screen please enlighten me on it.

what to do?
Do and don't......

i will appreciate your advice Devs

Learn media queries, grid, flexbox or use something like bootstrap
Media queries:
https://css-tricks.com/a-complete-guide-to-css-media-queries/
Flex and grid: https://css-tricks.com/responsive-layouts-fewer-media-queries/

reply

I'd second that, Bootstrap is such a boost to production.

reply

I set up this repo and used it to turn the "Satoshi Bitcoin Converter" into a PWA.

repo: https://github.com/crrdlx/puredogpwa
SBC: https://satoshibitcoinconverter.com
great template: https://simplepwa.com/

For a PWA, you need to add a few extra things.

  1. manifest
  2. service worker
  3. app icons
  4. a few code snippets on pages to make it installable
reply

Stack overflow is probably a better resource than stacker news for this

reply

Use REM as an unit and learn all the basic CSS stuff from: https://developer.mozilla.org/en-US/docs/Web/CSS

Learn about all types of layouts: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout

And don't jumping using TW and shinny UI libraries before learning basics.

reply

Alright thanks all though i learn programming on w3school site

reply