CSS Technologies Showcase

Course Description

CSS Technologies focuses on an in-depth exploration of CSS, covering everything from the fundamentals of style sheets to more advanced layout techniques. Throughout the course, I am building sample layouts while experimenting with fonts, text styles, design elements, and table properties. Along the way, I am learning different methods for structuring webpages, including floats, Flexbox, and Grid. One of the most exciting aspects has been working with CSS transitions, transformations, and animations, where small adjustments can create a more interactive and engaging design. This course is also helping me develop a strong understanding of responsive design, ensuring layouts adapt smoothly across different screen sizes. Additionally, I am being introduced to CSS frameworks, which help streamline the design process and maintain consistency.

This website is an ongoing project that applies both Flexbox and Grid layouts, built using HTML5 and CSS3, to create a structured yet dynamic design.

Learning Plan 1

HTML & CSS basics: structure, inline/internal styles, and simple formatting.

View Work

Learning Plan 2

External stylesheets, typography rules, and understanding the box model.

View Work

Learning Plan 3

Mastering Flexbox and Grid for responsive and complex layouts.

View Work

Learning Plan 4

Responsive design with media queries and mobile-first strategies.

View Work

Learning Plan 5

CSS transitions, hover states, and adding dynamic behavior to static elements.

View Work

Learning Plan 6

2D & 3D transformations, perspective, and animation theory using keyframes.

View Work

Learning Plan 7

Animations, sprite sheets, and building image galleries with interactivity.

View Work

Learning Plan 8

Exploring CSS frameworks like Bootstrap to build responsive, modular layouts.

View Work