https://github.com/martinbryant/conquer-theme-using-grid
Conquer Theme - Remove Bootstrap from the popular theme Conquer and use CSS Grid
https://github.com/martinbryant/conquer-theme-using-grid
bootstrap conquer css-grid
Last synced: 8 months ago
JSON representation
Conquer Theme - Remove Bootstrap from the popular theme Conquer and use CSS Grid
- Host: GitHub
- URL: https://github.com/martinbryant/conquer-theme-using-grid
- Owner: martinbryant
- Created: 2018-02-18T21:46:42.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-06-10T15:01:43.000Z (about 8 years ago)
- Last Synced: 2025-05-31T10:29:53.482Z (about 1 year ago)
- Topics: bootstrap, conquer, css-grid
- Language: HTML
- Homepage: http://martinbryant.io/conquer/conquer-using-grid/
- Size: 4.59 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Conquer Theme
Inspired by [5 Projects To Complete When Starting to Learn Front-End Web Development](https://medium.com/@GarrettLevine/5-projects-to-complete-when-starting-to-learn-front-end-web-development-48e8a1ce3178 "medium.com")
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](http://martinbryant.io/conquer/conquer-using-grid/ "My Conquer") vs [The original Conquer](http://martinbryant.io/conquer/conquer-original/ "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](https://medium.com/@GarrettLevine "Garrett Levine on Medium") - Thank you for the great article