Spectre.css VS Pure

In this guide, we’ll create a simple booking form and we’ll store the form submissions in a MongoDB collection. We'll build the UI using React and then add styling with Spectre.css.

I used spectre CSS and it worked pretty well https://picturepan2.github.io/spectre/

Spectre.css is among the best lightweight CSS frameworks for the rapid and extensible development of websites. It is not only lightweight but also a responsive framework. All sets of modules are packed in 10kb gzipped. It is flexbox-based, gracefully designed, and has advanced elements and components.

In order to pass the Sinatra project lab, all functionality listed in the requirements must be present - but this still leaves a lot of room for improvement. Specifically when it comes to application design. CRUD Pokedex is styled using a very basic CSS framework called Spectre.css, but it needs to be polished to achieve a more cohesive, professional look.

Spectre

picturepan2/spectre - Spectre.css - A lightweight, responsive and modern CSS framework.

I found Pure.css and it looks nice but maybe there is something better?

Some examples: - https://simplecss.org/ - https://purecss.io/ (I've used this one for over a decade and works great)

You can try https://purecss.io

Now, to test our CSP, we just have to load some external resources. Let's bring on Pure.css and Lodash. Update index.ejs to look like this :

Pure CSS

Personally I don't like either. Bootstrap seems too bloated and cookie-cutter, and Tailwind is inline styles and clutter. Lately I've used Bulma (CSS framework) and Buefy (Bulma + Vue) on a couple of projects. I also like the look of Pure CSS, but I haven't used it.

Pure.

Pure - 22K⭐