Breathe

Breathe is an E-magazine website dedicated to promoting a healthy lifestyle through various forms of exercise, with a particular focus on yoga, strength training, and aerobics.

Project Purpose and Goal

The goal is to provide a seamless and enjoyable experiencefor all visitors, allowing them to easily access and engage with the content while promoting a healthier and more balanced lifestyle.

Web Stack and Explanation

For my Breathe website, I utilized HTML and CSS to create a visually engaging and responsive user experience.HTML provided the foundation for structuring the content and ensuring accessibility. CSS was used for styling, including the creation of an active effect for the current page and implementing responsive design through media queries.

To expedite development and enhance design capabilities, I leveraged resources from the Bootstrap CSS framework. Bootstrap offered pre-built components, a responsive grid system, and utility classes, enabling consistent styling and layout across the website.

With this optimized web stack, combining HTML, CSS, and Bootstrap, I created a well-structured website that showcases my skills and knowledge gained during my bootcamp class .

Problems and Thought Process

I encountered difficulties in arranging the grid columns and understanding how flex styling works. My layout was becoming messy, and I needed a solution. Through research, I discovered Bootstrap 5, a CSS framework that proved to be immensely helpful in creating a responsive website. Bootstrap provided the necessary utilities and tools to maintain responsiveness and streamline my project.