This project is a fully functional and responsive website built with ReactJS. It's the end result of an online training “Build and Deploy a Fully Responsive Modern UI/UX Website in ReactJS” by JavaScript MasteryIt involved working with React functional components and the reusability. Exploring CSS properties such as flex and grid, animations, complex gradients, media queries and the use of CSS BEM model.

This project was based of a responsive web design course: Creating a Responsive Web Design by Chris Converse on linkedIn Learning. The exercise involved setting up the HTML page and containers to styling established elements for small, medium, and large screens. I learned how to reposition the nav bar for better viewing on mobile devices, create animated transitions, and turn bulleted lists into interactive menus with full touch support, and how to use CSS pseudo-elements and adapt layouts for print to save ink and paper.

This project was based of an advanced CSS course Build Your First Website: Crash Course in HTML and CSS by Joey Kirk. The exercise was focused on utilizing normalize.css, animate.css and skeleton.css. It exposed me to new CSS3 properties while implementing some custom css animations.