Project 1
This is a brief description of my first project. It involved me to move beyond the basic template from the Code-Along to create a structured, single-page website entirely in CodePen. This build requires you to apply the semantic HTML and accessibility principles covered in your MDN readings to create a professional-grade document structure.
In this project, I was trying to create my own unique website that showcased my skills and creativity.
To create this project, I used HTML to structure the content and CSS to style the website.
Overall, this project was a great opportunity for me to apply what I've learned and create something that I'm proud of.
Project 2
This is a brief description of my second project. It involved redesigning an existing website to improve its user experience and visual appeal.
In this project, I focused on creating a more intuitive navigation system and enhancing the overall aesthetics of the website.
To achieve this, I used HTML and CSS to restructure the layout and apply a more modern design approach.
Overall, this project allowed me to practice my design skills and create a more user-friendly website.
Project 3
This is a brief description of my third project. It involved integrating the semantic HTML foundations from Module 1 and the CSS styling principles from Module 2 with the advanced layout systems introduced in Module 3. My objective is to move beyond basic styling by using CSS Grid for my overall page architecture and Flexbox for precise component alignment, such as navigation and content cards.
In this project, I aimed to create a visually appealing and well-structured website that effectively utilizes CSS Grid and Flexbox to enhance the user experience.
To accomplish this, I used HTML to structure the content and CSS Grid and Flexbox to create a responsive and visually engaging layout.
Overall, this project was a great opportunity for me to apply advanced CSS techniques and create a more dynamic and visually appealing website.