coffeeroasters-subscription-site

The challenge

Users should be able to:

• View the optimal layout for the component depending on their device's screen size
• See hover states for all interactive elements on the page
• Hide/Show the answer to a question when the question is clicked

Screenshot

Links

https://coffeeroasters-subscription-site-byzr.netlify.app/

My process

Built with

• Mobile-first workflow
• Semantic HTML5 markup
• SCSS
• Flexbox
• CSS Grid
• Bootstrap
• Javascript

What I learned

1. My first project with mobile first development.
2. My first big project where i have used bootstrap.