This repository contains my beginner-level HTML and CSS practice projects.
To strengthen my understanding of front-end fundamentals by building small UI components and layouts from scratch.
- Basic HTML structure & semantic tags
- Button design
- CSS styling fundamentals
- Layout basics (Flexbox)
- Hover effects & pseudo-classes
- CSS transitions
- Box shadows
- Chrome DevTools
- CSS Box Model
- Text Styles
- HTML structure and set up Live Server
- Moving CSS into a separate file
- Linking external CSS with
<link> - Google Fonts
- Images and Text Boxes
- CSS Display Property
- Div elements and basic layout structuring
- Nested layout technique
- CSS Grid
- Free Space Concept
- Flexbox
- Nested Flexbox
- CSS Position
- Position Absolute and Relative
- Sidebar layout
- CSS Grid responsive resizing
- Tooltip implementation
- Advanced hover techniques
- CSS shorthand properties (padding, margin)
- Media queries
- Responsive design with max-width and min-width
- CSS inheritance concept
- Semantic HTML elements
To build a strong foundation before moving into JavaScript and more advanced front-end topics.
More projects coming soon 🚀
This project is developed while following:
- SuperSimpleDev – HTML & CSS Full Course (Beginner to Pro)
Additional custom improvements and modifications were added.