This repository contains my practice work, exercises, and mini-projects completed while learning HTML and CSS from the SuperSimpleDev course from yt.
The goal of this repo is to strengthen my fundamentals, build clean page layouts, and understand how different CSS properties work in real-world scenarios.
You can find the exercise questions of each topic from YouTube Video and Github Repo i mentioned in the acknowledgement section.
- Basic HTML structure (
html,head,body) - Headings, paragraphs, links, images
- Lists, tables, divs, spans
- Semantic tags & meaningful layout
- Nesting and page structuring
- Real-world webpage layout practice
- CSS basics & selectors
- Box model (margin, padding, border)
- Display — block, inline, inline-block
- CSS positions: static, relative, absolute, fixed
- Hover, transitions & shadow effects
- Buttons styling practice
- Text decoration & typography
- Image styling techniques
- Flexbox layouts
- Nested flexbox
- Grid layouts
- Responsive thinking fundamentals
Each folder contains practice files related to a specific topic:
css box modelcss buttonscss hover, transition, shadowcss position, absolute, relativecss positionsDisplay block and inline blockdiv / nested divflexbox / nested flexboxgridhtml structurehtml elementsimage stylingtext decoration
This structure helps track progress topic-by-topic instead of keeping everything in one file.
This repository represents my journey of:
- Building strong HTML-CSS fundamentals
- Writing clean & readable front-end code
- Understanding layouts before moving to frameworks
- Preparing for real-world web projects
This practice work is inspired by and based on the
SuperSimpleDev HTML & CSS Course
GitHub: https://github.com/SuperSimpleDev/html-css-course
YouTube: https://www.youtube.com/watch?v=G3e-cpL7ofc
I plan to:
- Build mini-projects using these concepts
- Move toward JavaScript & real-world projects