This week’s class focused on moving beyond the basics of HTML and CSS to understand layout patterns and the principles of responsive design. We explored how different layout techniques, such as grids and flexbox, can structure content effectively, ensuring that websites look organised and professional. The class also emphasised the importance of this, and whilst I understood most of it, there were still lots of aspects I had to keep in mind.
This week, we looked at layout patterns and how they help structure a website in a clean, organised way. Patterns like grids, columns, and flexbox were introduced, showing how they allow designers to position elements consistently and maintain visual balance. Learning these techniques helps create designs that are easier to navigate and more visually appealing.
We also explored responsive design, which ensures websites adapt seamlessly to different screen sizes and devices. This includes using flexible grids, media queries, and scalable images so that a site looks good on desktops, tablets, and phones. Understanding responsive design is essential because users now access websites from a variety of devices, and it improves usability and accessibility.
<aside>
Overall, this week’s class was informative but also quite challenging. Balancing learning the new layout patterns and responsive design concepts alongside other tasks felt a bit overwhelming at times. While I gained a better understanding of structuring websites and making them adaptable across devices, it seems more practical to move straight into applying these concepts in my project to consolidate my learning and make the experience more hands-on.
</aside>