Skip to content

DEV Community

Creating Responsive Website Design.

Prudence97 on May 21, 2022

Making a Responsive webpage can sometime go... The goal of a Responsive web design is about making web pages look good on all devices. A res...

Read full post

Gaurav Saini • May 22 '22

Nice article! 👍

Few things that I’d like to mention

The responsive text size point seems a bit odd. I don’t think it would be ideal for mobile and large desktop screens, but maybe that’s just me and my past experiences. I prefer the clamp() approach
The second item is more of a philosophical thing - following the mobile first process when building web pages. Ever since I started using it in my designs, life has been a breeze.
Lastly(I think this is going to be a bit longer), gone are the days when being responsive meant only adjusting the layout of the page elements based on screen sizes(at least for me 🥲). I would define modern responsiveness as the ability to adapt to user preferences and choices in addition to the screen size, and with the introduction of new for factors for mobiles like folding phones, it’s another layer of complexity. Stuff like dark mode preference, reduced motion, device orientation, touch input handling, also kind of fall under the category of responsive design features. Now, you could say that it’s related to accessibility and you’d be right, I guess there’s no correct answer. I just call them responsive because you can do it using media queries.

Prudence97 • May 22 '22

I think you can also call it responsive too😂😂

Also what you said about building with the mobile first in mind is something I've also adopted.

Thank you for contributing, I'll read more on your contribution and hopefully update my post
😊 Thank you

tzwel • May 21 '22

why the images of code? it makes it impossible to just copy the code we are interested in

dotnethabib • May 22 '22

use blackbox chrome extension to copy code from Image, and thank me later

Prudence97 • May 22 '22

youtu.be/ivJMSXzCvM4
This is a gem😁😁Thank you.

Prudence97 • May 21 '22

Thank you

Prudence97 • May 21 '22

Solid point.

Maybe, next time and if it calls for it, I'll attach written codes for those who'll love to make copies.

Andrew Baisden • May 21 '22

Fun article.

Prudence97 • May 21 '22

Thank you!

Medea • May 22 '22

This is really helpful!

Prudence97 • May 22 '22

I'm glad you found it helpful. Thank you for reading 😊

Yongchang He • May 21 '22

Lovely article with colorful content.Thank you for sharing!

Prudence97 • May 21 '22

Thank youuu🫂🫂

Rafael Pinto da Silva • May 23 '22

Nice article! 👍

Prudence97 • May 23 '22

Thank you for reading

codeyStein • May 21 '22

Thank you, I found this very useful since I just found out I was doing responsive text wrong, again thanks!

Prudence97 • May 21 '22

I'm really glad you found it useful ☺️☺️
Thank you.

Sardor Ulmasov • May 21 '22

Brother, you made good publish. Thnx man!

Prudence97 • May 21 '22

Thank you!!!

Somtochukwu Nnaji • May 21 '22

The article was really nice and also fun to read.

Prudence97 • May 21 '22

Thank you Somtochukwu☺️☺️

Kachi Cheong • May 21 '22

NICE

Prudence97 • May 22 '22

Thank you Kachi!