search

ExpressHermes / Primitive-Paint

A paint web app using paperjs library
https://expresshermes.github.io/Primitive-Paint/
MIT License
8 stars 18 forks source link

Updated CSS to be Responsive #42

Closed Jigyasa-G closed 2 years ago

Jigyasa-G commented 2 years ago

Changes : #32

  1. Fixed dimensions to suit operations on all devices. The range has now been fixed to not interfere with the alignment of buttons and become Responsive. 2.Changes were made to the clear screen button's padding for consistency in design.

Why needed?

  1. When used on mobile devices, the buttons were losing alignment .
  2. "Clear Screen " button was touching the "Save" button messing the alignment.
ExpressHermes commented 2 years ago

How does updating only margin, make the whole navbar responsive?

Jigyasa-G commented 2 years ago

How does updating only margin, make the whole navbar responsive?

It has been tested on several possible devices. The name of devices available in developer tools is visible in reference screenshots below : image image image image image image image image image

The previous versions are as follows : image image image image image image image image image

The design was modified to allows websites and pages to render (or display) on all devices and screen sizes thus making it responsive. I am open to further suggestions. Thank you !