Can we make our website fully responsive with CSS only?-CodePudding

Can we make our website fully responsive while using CSS, none of other thing should we use.

CodePudding user response：

If you're looking at only using CSS for responsiveness, I would recommend reading up on media queries. They're like if functions for css.

https://www.w3schools.com/css/css_rwd_mediaqueries.asp https://css-tricks.com/a-complete-guide-to-css-media-queries/

CodePudding user response：

Yes, you can use media breakpoints in css as follows

320px — 480px: Mobile devices

481px — 768px: iPads, Tablets

769px — 1024px: Small screens, laptops

1025px — 1200px: Desktops, large screens

1201px and more — Extra large screens, TV

for example

@media (max-width: 480px) {
  .text {
    font-size: 16px;
  }
}

For more information, please visit the following link: https://www.freecodecamp.org/news/css-media-queries-breakpoints-media-types-standard-resolutions-and-more/