Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

News homepage solution [using ReactJS]

#react#sass/scss#vite#bootstrap
The Nghia 140

@dothenghia

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


This is the first time I have used Bootstrap in my project, I really like it because of its Grid System - Flexible and powerful. Thanks to it, I have responsived for all devices resolution easily.

But I wonder that :

  • Do people still use Bootstrap in their projects ?

  • Which is better between Bootstrap and Tailwind ?

Community feedback

P

@Eileenpk

Posted

Hi The Nghia! your project looks great, and this might answer your question regarding which is better Bootstrap or tailwind.

Bootstrap 's main benefits are;

  • CSS framework that provides a comprehensive set of pre-designed components, such as buttons, forms, and navigation.
  • A responsive grid system that makes it easy to create mobile-friendly layouts.
  • Documentation that is extensive and it has a large community of developers that contribute to the development of the framework.
  • Makes it easy to find solutions to common problems and learn best practices.

Tailwind's main benefits are;

  • Utility-first CSS framework that provides a set of low-level utility classes that can be used to build custom designs.
  • The framework is built on the idea of atomic CSS, where small, reusable classes are used to build up the styles of an element.
  • Highly customizable and allows you to create unique designs without having to write a lot of custom CSS.

Both Bootstrap and Tailwind CSS have their own set of strengths and weaknesses. Bootstrap is a more opinionated framework that provides a lot of pre-designed components, making it a good choice for quickly prototyping a project. Tailwind CSS is more flexible and can be used to create more unique designs, which is a good choice for projects that require a lot of custom styling.

The best one for you will depend on the specific needs of your project.

Hope you found this helpful!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord