What are the perks/downsides of this approach

• normalize.css

  53 51,855 0.0 CSS

  A modern alternative to CSS resets

Like most things, it’s a trade off. What you posted can make layout and design more straightforward and predictable, especially when you’re just starting out. The downside is having to manually set all margins and padding in your design. That’s also likely to increase your CSS file size with all the extra lines of code. I think these sorts of trade offs are why Normalize.css became popular. It makes rendering more consistent across browsers and lets you take advantage of “default” spacing.

• Bootstrap

  530 167,478 9.6 JavaScript

  The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

  

You can also take a look at bootstrap's reboot: https://github.com/twbs/bootstrap/blob/main/dist/css/bootstrap-reboot.css

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

Suggest a related project