Overview
This module focused on learning how to use CSS frameworks—specifically Bootstrap—to streamline the process of building responsive, accessible websites. I explored the benefits and challenges of working with pre-built utility classes, layout systems, and components while creating a sample page using the Bootstrap framework.
Framework Presentation
Description: For this project, I collaborated with a peer to build a responsive sample page using Bootstrap. We explored the installation process, customization options, and how to implement Bootstrap's grid system, buttons, and responsive utilities.
Reflection: I found Bootstrap surprisingly flexible once I got the hang of how its grid and utility classes work. It helped cut down development time and gave me a stronger understanding of how to quickly prototype layouts. That said, I also saw how over-relying on a framework could limit creativity if you're not careful—so it’s all about balance.
Final Course Reflection
This course helped me go from just styling HTML to thinking about design systems, layout strategy, and accessibility. I’ve gained confidence with Flexbox and Grid, experimented with transitions and animations, and now feel comfortable integrating frameworks like Bootstrap.
One of my biggest takeaways was learning how to make websites responsive and accessible from the start—things like ARIA labels, logical heading structure, and viewport settings are second nature now. I also really enjoyed the creative side of this class, especially building animations and styling image galleries.
To continue growing my skills, I plan to dive deeper into advanced CSS topics like container queries, custom properties, and scroll-driven animations. I’d also like to take on a few personal portfolio projects over summer break to keep my momentum going and explore using SASS or Tailwind as alternatives to Bootstrap.