What is CSS?

CSS stands for Cascading Style Sheets with emphasis on "style." At the same time, HTML is the structure of a webpage. CSS helps create the layout and designs of your project. Without CSS, websites would have trouble looking different from each other. However, using pure CSS is tedious and sometimes stressful to write.

<p> this is a paragraph</p>

How Does CSS Work?

CSS brings style to the webpage by interacting with HTML elements. Individual HTML tags can be considered small components of a more extensive application. CSS can take a p tag, for example, and change the element's color and size.

p { color: red; }

Why Use a CSS Framework?

Personally, developing a small to midsize application with pure CSS can get out of hand fairly quickly. Thats why its crucial to practice and get accustomed to the code. It is a struggle for those who want a beautiful and functional website with limited resources and time. Until recently, I started my journey exploring several CSS frameworks through trial and error. I found what works best for me; however, choose which one is the best for you. Many people will debate on the best CSS framework to use, from Bootstrap with jQuery to Ant Design for React. Choosing the way you design your next project is important and, based on your timeframe, it can make or break your deadline.

Pros

• If you are a small team developing an application with a CSS Framework, you can significantly spend up the development. Pure CSS can take up much time to create midsize to large applications, so that CSS Framework would be your best bet.
• CSS Framework compatibilities are usually far superior then writing pure CSS from scratch because of the excellent developers working on it and the amount of time and knowledge to work for all browsers.
• As time goes on, CSS frameworks continue to become widely adopted by large and small companies for production use; one example is https://www.ny.gov

Cons

• Not all CSS frameworks are created equal. Even though talented developers are working on the framework that adoption or community may be affected by the sheer complexity, it's not that great.
• Back then, one famous CSS framework called Bootstrap was known for its excessive use of unused CSS during production, possibly contributing to slowing down performance on your platform.

How to not use Frameworks in Small Projects?

• Flex
  Since flexbox is a whole module and not a single property, it involves many things, including its whole set of properties. Some of them are meant to be set on the container (parent element, known as flex container), whereas the others are meant to be placed on the children (said flex items). (https://css-tricks.com/snippets/css/a-guide-to-flexbox/)

• Grid
  CSS Grid Layout (aka Grid) is a two-dimensional grid-based layout system that aims to do nothing less than completely change the way we design grid-based user interfaces. (https://css-tricks.com/snippets/css/complete-guide-grid/)

Conclusion

In conclusion, if you're trying to run away from CSS, unfortunately, there is nowhere to go. Pure CSS is a fantastic thing to learn, and having the skills to turn an HTML website into a beautiful website is a must. CSS frameworks make CSS a little bit more enjoyable.