Hi, my name is Mandy.
Welcome to my CSS project site!
I'm a fullstack developer and I've built this website to practice honing my skills in HTML and CSS - no JS here folks.
Projects
Practical CSS Layouts
Starting with the basics of CSS and HTML, you'll progress through creating responsive designs for mobile, tablet, and desktop layouts. You'll learn to code complex layouts with CSS Grid and Flexbox and tackle real-world exercises like styling buttons, audio players, hamburger menus, and lists. You'll explore concepts like rem and em units, custom fonts, responsive images, and the picture element. By the end of the course, you'll have built three variations of a website, each increasing in complexity!
- HTML
- CSS
- JavaScript
- SVG
Ultimate CSS Grid & Layout Techniques, v3
CSS Grid is the most important tool in a modern web developer's toolkit for laying out web pages. With its two-dimensional structure, precise positioning, and overlapping elements, you’ll learn to achieve complex layouts with minimal code. You'll also explore advanced techniques like container queries for adaptive components and subgrids for nested layouts. Through hands-on CodePen exercises, you'll apply these techniques to real-world projects!
- HTML
- CSS
