Share your repls and programming experiences

← Back to all posts
Responsive Website

Good Evening Sir,

Am able to do or understand HTML coding. But, facing problem in understanding in designing style sheet. I have done this given project, Responsive Website. Please have a look.


Responsive styling basically means that the website will still look good even in smaller or larger screens.
The very basics include using units based on the user's screen, such as vh or vw which stand for view height and view width (respectively). Units like px are not responsive. If you ever see em, it is used to ensure that things look the same regardless of browser (meaning it will not scale, it is also proportional to the parent I believe).

You can also look into media queries, which basically specify certain rules for certain instances. For example, if the width of the screen is 500px, shrink this text. For more about media queries, I suggest looking at this MDN article.