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
pull down to refresh
41 sats \ 1 reply \ @btcEnthusiast 24 Aug 2023
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
0 sats \ 0 replies \ @AllCatsAreEvil 24 Aug 2023
I'd second that, Bootstrap is such a boost to production.
reply
0 sats \ 0 replies \ @crrdlx 24 Aug 2023
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.
- manifest
- service worker
- app icons
- a few code snippets on pages to make it installable
reply
0 sats \ 0 replies \ @WeAreAllSatoshi 24 Aug 2023
Stack overflow is probably a better resource than stacker news for this
reply
0 sats \ 0 replies \ @sahil 24 Aug 2023
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
0 sats \ 0 replies \ @XScoins OP 24 Aug 2023
Alright thanks all though i learn programming on w3school site
reply