Responsive Landing Page using Pure CSS, HTML and a tiny bit JS

Community feedback

• 

  Davide•1,725

  @Da-vi-dePosted over 3 years ago

  Hi Rohit, wow great result for this project! I'm still learning responsive web design, recently i read this page (https://learn.shayhowe.com/advanced-html-css/responsive-web-design/)

  Basically when you start the design you can open the developer tools and activate the responsive mode by clicking the mobiles icon, so that you can set the width.

  I start from 300px. I write css for that size then when i increase the width i see when is the right time to add a media query. The media query i use is @media all and (min-width: ...)

  Min width is better than max width because it means: Whatever are all your design changes, they will be applied if the width of the page is bigger or equal to the width you specify in the media query.

  Also there are people who prefer use em unit rather than px because em unit is more responsive, for example when a page is zoommed out the design adapt.

  I hope it helps, happy coding :-)

  1

  ---

  

  Rohit Purkait•460

  @codeswithrohPosted over 3 years ago

  @Da-vi-de Thanks a lot for the reply. I will try to implement these ideas in my next solution.

  0