HTML/CSS Practice

Table of contents

• General Info
• Topics Covered
• Mini Projects
• References

General Information

This repo contains the code written during my journey to mastering the fundamentals of HTML and CSS for Front-End Web Development.

Topics Covered

HTML

• Semantic HTML ✔
• Headers ✔
• Div and Span ✔
• Lists ✔
• Images/Videos ✔
• Links ✔
• Tables ✔
• Forms ✔
• Buttons ✔
• Dropdowns ✔

CSS

• Selectors ✔
• Combinators ✔
• Specificity ✔
• Margins ✔
• Padding ✔
• Backgrounds ✔
• Borders ✔
• Box-Model Layout ✔
• Display ✔
• Floats ✔
• Formatting Text ✔
• Positioning ✔
• Navigation Bar
• Forms ✔
• Dropdowns ✔
• Pseudoselectors ✔
• Pseuodoclasses ✔
• Buttons ✔
• Cursors ✔
• Image Gallery
• Flexbox
• Grid ✔
• Gradients ✔
• Animations ✔
• Transitions ✔
• Media Queries ✔
• Screen Breakpoints

CSS Preprocessors

• SASS

CSS Frameworks

• Bootstrap
• Tailwind CSS

Mini Projects

• Blurry Loading Animation

References

• Front End Web Development Ultimate Course 2021 on Udemy
• W3Schools
• Codepen.io
• Web Dev YouTube Channels