NAME OF PROJECT
Responsive Site
LANGUAGES USED
HTM & CSS
DESCRIPTION
This was the final project of a 21-day course I completed, which required the creation of a fully responsive landing page following a design provided by the educator.
The Process
This project aimed to apply the learnings from the course by transforming the educator-provided landing page design. With a course focus on responsiveness, Flexbox, and media queries, the goal was to implement these concepts practically.
Discovering the essence of responsive design, this project marked a shift in prioritizing user-friendliness and responsiveness. Given a predefined design by the educator, my task was to faithfully translate it into a landing page, utilizing Flexbox and media queries as required.
The Design
Kevin Powell, the educator, provided the design specifics, covering everything from font sizes to color schemes and breakpoints for media queries. This project showcased my ability to work on externally provided designs, demonstrating proficiency in replicating layouts based on external specs.
The Challenge
The primary challenge emerged in grasping how content behaves within flex containers and its interaction with media queries. Whenever I hit a roadblock, revisiting previous lessons clarified the issue. Once the dynamics of responsiveness clicked, I smoothly flexed content in sync with the designated breakpoints, overcoming the challenges seamlessly.