This week was all about diving deeper into CSS styling. I worked on enhancing my understanding of Type, Class, and ID selectors and practiced more advanced selectors like compound selectors and combinators to style elements based on their location. I also explored pseudo-classes, which add style based on the state of an element, such as hover effects. Learning these more complex techniques has been challenging but rewarding, as it gives me more control over how elements are styled.
One of the key topics we covered was the Box Model, and I want to explore it further. I’m especially interested in understanding how content, padding, borders, and margins work together to affect the layout. This is crucial as I move forward with more complex designs and responsive layouts.
Speaking of responsiveness, we also focused on media queries to ensure our designs adjust based on the device—whether it’s a desktop, tablet, or smartphone. I learned about responsive typography too, using font-size: calc(rem + vw + vh) for fluid text sizes. I can already see how vital this will be when building for different screen sizes.
For the gallery project, I chose to use CSS grid because it’s what I’m more comfortable with, though I plan to explore Flexbox soon for simpler one-dimensional layouts. I also organized my CSS by creating separate files for different components of the website. This really helped me keep my code clean and easy to manage.
One thing I particularly enjoyed was learning to import fonts, as I love styling webpages. On my own, I researched how to add a box-shadow to images and experimented with hover effects, adding a shadow or changing color when a user interacts with an image. Transitions, especially for hover states, added smoothness and enhanced the user experience.
Moving forward, I plan to practice more complex CSS selectors and get a better grip on the cascading aspect of stylesheets. I also want to experiment with Flexbox and continue refining my skills in responsive web design. The challenge is exciting, and I’m looking forward to seeing how all these skills will shape my projects.