🔅 CSS: Images

📝 Learn how to manipulate images and shapes to create distinctive visual effects in CSS.

🌐 Author: Carrie Dils
🔰 Level: Advanced
⏰ Duration: 2h 10m

📋 Topics: Cascading Style Sheets

🔗 Join Web Development for more courses

📱Web Development
📱CSS: Images

🔰 Divider between items in CSS

Want to add dividers between items? But unsure how to handle the last element? This snippet is for you!

This also features the very cool inline direction selection property 🤩 check it out if you haven't already, they are quite useful

🔅 CSS: Inheritance, Specificity, and the Cascade

📝 Understand the C in CSS—the cascade—and how its three parts work together to determine the style of a website or document.

🌐 Author: Jen Kramer
🔰 Level: Intermediate
⏰ Duration: 1h 36m

📋 Topics: Cascading Style Sheets

🔗 Join Web Development for more courses

📱Web Development
📱CSS: Inheritance, Specificity, and the Cascade

📦 Exercise Files

🔰 CSS Trick: Aligning Icons to text

Try this the next time when you are placing an icon next to some text in CSS.

Instead of using the em unit to make the icon the same size as the text, try using the cap unit 🤩

1em is equal to the font size, which is not a direct measurement of the height of the letters

However, 1cap is the size of a capital letter of the font, which helps to neatly align the icon with the text.

⚠️ You may also need flex and align baseline to achieve an alignment as demonstrated above!