CSS Layout & Responsive Design
Educational Notes (Quick Links)
- HTML and CSS Basics
- Floating Elements
- Nested Elements
- Negative Margin & Float Layout
- ‘Float’ Over ‘Position’ Sometimes
- The ‘Position’ Property
- Adaptive Images
- Use Media Queries Sparingly
- CSS Inheritance
- Source Order, Specificity, And !important
- Display (Inline vs Block)
- Pseudo Elements
- Pseudo Classes
Summary in Pictures
Heads up! this post was created when Microthemer was at version 4. The current version is 7. Some references to the interface may be out of date.
Congratulations on finishing the tutorial! Not everything about HTML/CSS customization is straightforward. You’ve encountered many tricky facets of CSS layout. And if you’re new to CSS, it may have felt like information overload at times. But the good news is, you’re now in a much better position to solve your own CSS problems. Here’s a recap of what you’ve learned, in pictures: