CSS Simplified

Home
Archive
About
Have you ever clicked on a link expecting to stay on the same tab, only to see it open another tab? It can be frustrating for your visitors too! What if you could add an icon before the link suggesting that it opens in a new tab? Don’t worry. You don’t have to re-write your…
2
I don’t know about you, but I totally love blob-shaped images like these on websites. It makes the page appear more modern (and less boring). I was looking for the easiest way to make images like these and found a solution without the use of SVGs or masks. Any guesses?
1
Have you ever had to change the number of grid columns for different screen sizes in your CSS? Maybe you've found yourself duplicating the same code and changing the values over and over again? Well, there's an easier way to handle this! The solution is
2
Today we're going to talk about the clamp() function. If you're not familiar with it yet, clamp() allows you to set a range of values for a property, making it a great tool for creating responsive designs that adapt to different screen sizes. Let’s see how we can use

Most popular

1
3
2
See all popular
NewCommunity
Ever been annoyed by tiny buttons on mobile phones? I’m sure at least once in your life you have zoomed in on a page just to click on a small button…
With so many properties and selectors available, it's easy to see why CSS can sometimes seem overwhelming. But if you take time to learn each of them…
2
Ever been in a situation where you have to display some paragraphs in a narrow block or column? You must have noticed a lot of white space to the right…
The question is simple and it feels like the answer should be simple too. Suppose we have a short phrase in a paragraph element like this with a blue…
Here’s is a nice heading style with horizontal lines in the middle on both sides. Do you know how to make this without adding additional divs or images…
3
Did you know that you can display a nicely styled text instead of the default ALT text in case your image is broken?
Hey all! As much as I love sending you these CSS tips every week, I need a short break. Hey all! As much as I love sending you all these CSS tips every…
CSS shorthand properties save a ton of time while typing, look crisp and of course, occupy lesser lines of code. But only if you can remember how to use…
See all

Most popular

1
3
2
See all popular

CSS Simplified

Fall in love with CSS one tip at a time. You receive one short digestible issue every Wednesday right into your inbox.
Recommendations
Laravel Security In Depth
Laravel Security In Depth
Stephen Rees-Carter

CSS Simplified

AboutArchiveRecommendationsSitemap
© 2023 Shruti Balasa
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing