@sajjadnazaridevSubmitted over 2 years ago
Hi guys I do not know how to use mobile responsiveness Thank you for your comments :)
Hi guys I do not know how to use mobile responsiveness Thank you for your comments :)
Use media-querries in your Style.css. Something like this:
@media only screen and (max-width: ...) { body { ... } }
I set all values as rems to their parent-selector HTML.
Inside the HTML-selector I changed the font-size value to 62.5% so the browser's usual default setting of 16px is set to 10px. This is just for convenience, so I can calculate 1 to 10 (1 pixel is equivalent to 0.1 rem).
Hence rems only relate to their root-element (HTML) the ratio of sizes always stays the same.
The exact origin-values I took out of the Figma-files and transferred them as described above.
Did this help you?