Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 2 years ago

React Bootstrap News Homepage

bootstrap, react, node
Oscar Vaquera•270
@vaqueraoscar0
A solution to the News homepage challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Technologies Used:

  • React.js
  • HTML5
  • CSS3
  • JavaScript
  • Bootstrap

Challenges: Throughout the development of this project, I encountered some notable challenges, with one in particular standing out. The most significant hurdle I faced was ensuring that the project achieved a responsive design while relying solely on flexbox instead of grid. By utilizing flexbox, I aimed to create a flexible and fluid layout that seamlessly adapts to various screen sizes.

Working with flexbox required careful planning to ensure that the components scaled well and looked great on all devices. It was a bit tricky, but I managed to achieve the desired responsive design without using advanced grid systems.

Apart from that, the overall development process was relatively straightforward. I used React.js as the foundation and Bootstrap for styling, allowing me to create an attractive news homepage with consistent components.

By overcoming the challenges and leveraging the strengths of React.js and Bootstrap, I successfully delivered a responsive news homepage that meets the project requirements and provides a user-friendly experience on different devices.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Oscar Vaquera's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License