Forwarded from Web design source code
🔰 Layouts with and without Semantic HTML
Semantic HTML enhances web accessibility, search engine optimization, and maintainability by using meaningful tags that convey the structure and purpose of content.
👍1
Forwarded from Web design source code
In CSS, the "cap" unit is defined as the size of the capital letter of the current font size.
🤩 This is very handy for defining icons that accompany some label, such as inside bottons
In this example, we have defined an icon with height 1cap, which makes it equal to the letter "S" height.
We also have aligned this icon to the baseline for a perfectly aligned text and icon ✨
🤩 This is very handy for defining icons that accompany some label, such as inside bottons
In this example, we have defined an icon with height 1cap, which makes it equal to the letter "S" height.
We also have aligned this icon to the baseline for a perfectly aligned text and icon ✨
Forwarded from Web design source code
Some small CSS tips, that aren't significant enough for their own individual posts 😁