/conquer-theme-using-grid

Conquer Theme - Remove Bootstrap from the popular theme Conquer and use CSS Grid

Primary LanguageHTML

Conquer Theme

Inspired by 5 Projects To Complete When Starting to Learn Front-End Web Development

The Conquer template is a really great starting place for new learners. They have the opportunity to build something they can feel proud of while still being challenged. The Conquer template utilizes bootstrap, but it is important to avoid using this to build the project

My version of Conquer vs The original Conquer

Challenges

  • Using sections in the navbar to scroll down the page
  • Scrolling over 3 images
  • Collapsing the navbar on smaller screens
  • Stacking the sections correctly on smaller screens

Takeaways

  • Learnt about CSS selector specificity rules
  • Used the new CSS Grid to achieve responsive layout

Acknowledgments

Garrett Levine - Thank you for the great article