Users should be able to:
- View the optimal layout depending on their device's screen size
- Github: https://github.com/CFox2019/stats-preview-card-component
- Live Link: https://cfox2019.github.io/stats-preview-card-component/
I started the project with building out all the HTML first and with mobile-first responsiveness. After the HTML was complete, I started styling top to bottom. After the initial styles were added, I made the card desktop responsive as well using CSS Flexbox styles.
- HTML
- CSS custom properties
- Flexbox
- Bootstrap
- Mobile-first workflow
- https://css-tricks.com/snippets/css/a-guide-to-flexbox/ - This helped me with using flexbox.
- Portfolio - Courtney Fox
- Frontend Mentor - @CFox2019
- LinkedIn - @cdfox