What css framework should I use if I just want to make my website responsive [closed]

by

The non-opinion-based, objective bit

Installing most grid systems on top of your website will likely break some aspects of it. You can’t really just plop one in and just use it when you need it, you need to start the design with it and carry it all the way through.

If you want to make it responsive without having to rewrite from scratch, look into media queries, because that’s the magic of it.

A CSS framework uses a lot of media queries for the responsive design bit, then bundles lots of stuff on top of it. If you just want the responsive side of things, you can implement your own media queries (common breakpoints are 0-640px for mobile, 641-1024px for tablet and 1025px+ for desktop.

The bit that can get opinion-based if you’re not careful (but hopefully isn’t, here)

There are a lot of popular frameworks for responsive design (and the whole mcguffins that goes along with them), with two of the most popular ones being Twitter Bootstrap and Zurb Foundation. I’m not promoting discussion of them here, because SO isn’t for opinions, I’m just saying that they exist and are widely considered “robust enough” for production work if you want to go look at them. There are many others which are also robust enough.

More Related Contents:

  1. Font scaling based on width of container
  2. Responsive css background images
  3. Responsive font size in CSS
  4. Why does the order of media queries matter in CSS?
  5. Making an iframe responsive
  6. Common breakpoints for media queries on a responsive site
  7. What is the best CSS Framework and are they worth the effort?
  8. Common CSS Media Queries Break Points [duplicate]
  9. Responsive CSS triangle with percents width
  10. Swap DIV position with CSS only
  11. Full-screen responsive background image
  12. How to style a div to be a responsive square? [duplicate]
  13. Change the order of col-*-12 columns in Bootstrap using push/pull
  14. Maintain aspect ratio according to width and height
  15. How to make a element expand or contract to its parent container?
  16. Customize Bootstrap 4’s grid-system Breakpoints
  17. Responsive css styles on mobile devices ONLY
  18. Responsive Images with CSS
  19. Which are the most important media queries to use in creating mobile responsive design?
  20. Maintain div aspect ratio according to height
  21. Font scaling based on size of container
  22. Set div height equal to screen size
  23. How to make responsive table [closed]
  24. Make table cells square
  25. How can I avoid media query overlap?
  26. In a bootstrap responsive page how to center a div
  27. Bootstrap – Removing padding or margin when screen size is smaller
  28. Sass and rounding down numbers. Can this be configured?
  29. Media Queries – Mobile vs Desktop Browser
  30. How to change Bootstrap navbar collapse breakpoint

Leave a Comment