This is a CSS(Responsive Design) Challenge project.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page.
- Solution URL: https://github.com/michojekunle/wine-house/
- Live Site URL: https://wnh.netlify.app/
- Semantic HTML5 markup
- CSS3
- Flexbox
- Desktop-first workflow
In the course of this Project as Interesting and Refreshing as it was, I grabbed a few Important concepts such as:
- Effectively Building Responsive websites and apps with vanilla css.
- Implementing A Smooth Horizontal scroll with Javascript wheel event.
Going forward, I'll be working on more animated, responsive, dynamic and interactive websites with vanilla CSS and other CSS & JS Libraries.
- Javascript Wheel Event Elements wheel event - Web APIs | MDN
- If you want more help with writing markdown, I'd recommend checking out The Markdown Guide to learn more.
- Github - AMD
- Twitter - @MichaelOjekunl2
- LinkedIn - Michael Ojekunle
Special Credits to