A few fun nesting tips & tricks
https://html-css-tip-of-the-week.netlify.app/tip/nesting-tips-tricks/
Published: October 2, 2025 00:00
There are some handy things that you can do with nesting, espcially when you start moving the & placeholder around!
One corner, two border radii
https://html-css-tip-of-the-week.netlify.app/tip/mutliple-corner-radii/
Published: September 25, 2025 00:00
Did you know you can control the border radius of both sides of a corner indepenently of one another? It might seem a little strange to do, but you can do some intersting things with it!
The picture element
https://html-css-tip-of-the-week.netlify.app/tip/the-picture-element/
Published: September 18, 2025 00:00
Sometimes, designs have different images for large and small screen layouts. In those situations, it can be tempting to simply bring in multiple images and use a media query in your CSS to control when we see each one, but the element is purpose-built for…
Single-colour gradients
https://html-css-tip-of-the-week.netlify.app/tip/single-color-gradients/
Published: September 12, 2025 00:00
It might seem strange, but single-colour gradients can come in handy in a few different ways!