CSS Simplified

Home
Archive
About
Have you set a background color for body?
Today’s issue will be a super simple and small one. (I’m sure you like that way too) Is background color for the body element necessary? When designing…
 • 
Shruti Balasa
Collapsible Q&As with pure HTML and CSS
You can create this collapsible FAQs style component using only HTML and CSS and style it however you like. I don’t know for how long this has been…
 • 
Shruti Balasa
1
Make your CSS experience better using these 3 VS Code Extensions
Writing CSS can be a little frustrating at times 😢. But your workflow can certainly be improved using the right tools. Today we’ll talk about three…
 • 
Shruti Balasa
1
Most Popular
View all
Don't just display a boring ALT text when your image doesn't load
 • Shruti Balasa
Improve UX by increasing the clickable area of a button with this neat trick
 • Shruti Balasa
Make your images interesting with just one line of CSS
 • Shruti Balasa
1
Do you know how to add a horizontal line on both sides of text?
 • Shruti Balasa
3
Have you used the :is() selector to avoid repetition?
 • Shruti Balasa
New
Top
Community
Have you used the :is() selector to avoid repetition?
We all know how frustrating it can be to write repetitive and lengthy CSS rules when trying to style elements with similar characteristics. Well, today…
 • 
Shruti Balasa
Create Accessible Vertical Text with CSS Writing Modes
Today, we'll create this beautiful component where text is written in a vertical direction next to a card - super easy without any layout issues. It's…
 • 
Shruti Balasa
Mastering Color Shades in CSS with Variables
Do you ever struggle with creating a consistent color palette for your website? If so, I've got a great solution for you: using variables to create…
 • 
Shruti Balasa
2
Create Dynamic Grid Layouts with CSS Variables
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…
 • 
Shruti Balasa
2
Improve the UX of your links that open in a new tab or window
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…
 • 
Shruti Balasa
2
Make your images interesting with just one line of CSS
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…
 • 
Shruti Balasa
1
Create Responsive Designs with CSS clamp
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…
 • 
Shruti Balasa
CSS Simplified
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
Securing Laravel
Securing LaravelStephen Rees-Carter

CSS Simplified

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