This responsive layout project helped me understand more deeply how to shape the structure of a website starting from the very basics. The main goal was to recreate the overall layout of a real site, not by filling it with final content, but by focusing on blocks, proportions, and visual organization. This approach allowed me to better reflect on hierarchy, spacing, and how each element lives within the layout.
Another valuable lesson came from working one section at a time: beginning with the top part of the page, ensuring it worked across all screen sizes, and only then moving on to the next part. This incremental method made the entire process more manageable and helped me better understand how to keep a responsive layout under control without being overwhelmed by complexity.
I also strengthened my skills in HTML and CSS, especially in using media queries and building flexible structures. Seeing how the layout changed across desktop, tablet, and mobile views made the learning experience much more concrete. Overall, it was a simple but very effective exercise that taught me to approach responsive design as something to consider from the very beginning of the project.