Mobile first Responsive Design, Minimal use of JavaScript

Community feedback

• 

  Dinkar Jallan•30

  @dinkarjallanPosted over 3 years ago

  hello Lauren, ~ I would prefer using non-Static units like '%', 'em' and 'rem' , this would help the viewport to automatically adjust the the widths and heights according to the proportions set by the CSS values. ~ Next, I would suggest adding more breakpoints to the design. My personal favorite is adding maximum 2 breakpoints between two subsequent device sizes, that is For ex. between 1024px and 1440px screen widths, i would very likely add breakpoints at any where n between those widths ( depending on the design and layout of the website).

  ~ lastly, I would also suggest using CSS layout tools, such as flexbox and CSS Grid. using them will also help in positioning, and you will end up using lesser margin and padding properties, which will eliminate the overwriting of properties multiple times.

  I hope this helps. If it does, do Contact me through my GitHub (github.com/dinkarjallan), I would really like some developer friends across the globe.

  Thank you

  0

  ---

  

  Lauren Kane•90

  @LaurenKanePosted over 3 years ago

  @dinkarjallan Thanks so much for your reply! I will definitely use your advice for my next projects. I am familiar with grid but wanted to try using flex with this project but didn't execute it so well. I appreciate your feedback a lot and will definitely check out your github :)

  0