Shruti Balasa (@shrutibalasa)

Everything about my journey that got me where I am

Three years ago, if someone had told me I’ll be able to inspire other people (especially women) by sharing my story, I would not have believed them. Things didn’t change overnight of course. Everything I am today is because of years and years of hard...

2Apr 29, 2024 · 7 min readshrutibalasa.hashnode.dev

How do you keep the footer always at the bottom - Flexbox or Grid?

You develop a perfectly looking web page with a nice footer at the bottom, deploy it and send the link to your friend. But guess what? Your friend tells you that the footer is not at the bottom. It’s floating up because your main content is too small...

1Oct 27, 2022 · 3 min readshrutibalasa.hashnode.dev

Text Underline Animation Explained

See this text underline animation? Looks really nice right? Let’s go straight into understanding how to create it step-by-step. The Markup <p> Hover on the link to see the <a class="underline" href="#">Underline animation</a> </p> The CSS There ...

Jul 28, 2022 · 3 min readshrutibalasa.hashnode.dev

Did you know about the ‘display: contents’ CSS rule?

Consider this blog post display section. On a wider screen, we want the image to be on the right separated from the text. While on a mobile screen, we want the image to appear in between our heading and the paragraph. This layout could even be a her...

Jul 21, 2022 · 2 min readshrutibalasa.hashnode.dev

Crop Images in CSS

Take a look at this responsive section with a listing of the famous Indian dish Pani Puri. On desktop or wider screens, we want a portrait image (like on the left) while on mobile we prefer a landscape image (like on the right). Let’s say, you are g...

1Jul 14, 2022 · 2 min readshrutibalasa.hashnode.dev

Shruti Balasa

About

Available for

Shruti Balasa's blogs

Everything about my journey that got me where I am

How do you keep the footer always at the bottom - Flexbox or Grid?

Text Underline Animation Explained

Did you know about the ‘display: contents’ CSS rule?

Crop Images in CSS

Shruti Balasa

About

Available for

Shruti Balasa's blogs

Everything about my journey that got me where I am

How do you keep the footer always at the bottom - Flexbox or Grid?

Text Underline Animation Explained

Did you know about the ‘display: contents’ CSS rule?

Crop Images in CSS

Shruti Balasa

About

Available for

Shruti Balasa's blogs

Everything about my journey that got me where I am

How do you keep the footer always at the bottom - Flexbox or Grid?

Text Underline Animation Explained

Did you know about the ‘display: contents’ CSS rule?

Crop Images in CSS

Search Hashnode

Shruti Balasa

About

Available for

Shruti Balasa's blogs

Everything about my journey that got me where I am

How do you keep the footer always at the bottom - Flexbox or Grid?

Text Underline Animation Explained

Did you know about the ‘display: contents’ CSS rule?

Crop Images in CSS