DEV Community

Cover image for Mastering responsive Web Design

Mastering responsive Web Design

Rahul on February 27, 2021

I haven't posted anything from the last somedays. Though I have written 12 articles related to JavaScript, React and CSS. I still struggle with m...
Collapse
 
steelwolf180 profile image
Max Ong Zong Bao

I think learning either CSS 3 or flexbox helps a lot to build responsive design. I learnt alot on building a web page without relying on a front-end framework. This becomes more useful as you transit into multiple different front-end web framework.

Collapse
 
woet profile image
Woet

You've got an unclosed string in this snippet:

<div class="parent>
   <span class="nested-element-1">Read</span>
   <p class="nested-element-1">RAHULISM></p>
   <p class="nested-element-1">Articles</p>
</div>
Enter fullscreen mode Exit fullscreen mode
Collapse
 
rahxuls profile image
Rahul

Whoops. I'm sorry. Thanks For Noting.

Collapse
 
marcellahaller profile image
marcellahaller

How many useful codes as well as tips, many thanks to the author! Here I found a solution to the problem that I could not solve for a long time related to the adaptation of the design for a mobile device, by the way, if you are a beginner and want to understand this in more detail, here everything is very easily explained gapsystudio.com/blog/what-is-respo... I advise you to read.

Collapse
 
rahxuls profile image
Rahul

Thank you❤️

Collapse
 
cchana profile image
Charanjit Chana

Happy to see your examples include min-width, for years I used max-width because that’s what all the examples showed. It took a single conversation to open my mind to doing it the opposite way and truly do things mobile-first!

Collapse
 
rahxuls profile image
Rahul

I agree. I too have struggled with that at start till learning web design for 4 months.

Collapse
 
dnjosh10 profile image
Dumte Nwidoobee Joshua

I am so glad you have given me a full understanding of what min-width and max-width are. I have been confusing myself over the two terms.
Though I have so ask this, what is the fate of going into bootstrap if someone has fully understood responsiveness through media queries?
Thanks in advance to anyone who can explain this in a clear way for me.

Collapse
 
rahxuls profile image
Rahul • Edited

First of all thank you so much.

Actually using bootstrap it's pretty fast and is easier to develop a website.

Collapse
 
gathsarah profile image
Gathsara

Good Article For Me.
Thank You..!

Collapse
 
i2know profile image
Onos

Thanks for this! Now I understand clearly what max and min-width is all about

Collapse
 
iamsunil25 profile image
Sunil joshi

thank you rahul for awaring me about responsiveness tips and tricks. these will be very helpful for me