🐛 Bug: Too much space and text readability issue.

[cbum-dev]

Describe the bug

Too much space in the blog cards and text readability issue on first section.

Steps To Reproduce

Go to blog page on mobile and see the issue.

Expected Behavior

The text on first section should be readable and spacing should be reduced.

Screenshots

Device Information [optional]

- OS:
- Browser:
- version:

Are you working on this issue?

Yes

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

Yes

[cbum-dev]

Hey @DhairyaMajmudar I have fixed this issue. Can you assign this to me.

[DhairyaMajmudar]

Hey @DhairyaMajmudar I have fixed this issue. Can you assign this to me.

Assigned the issue to you @cbum-dev

[cbum-dev]

Hey @DhairyaMajmudar I have fixed this issue. Can you assign this to me.

Assigned the issue to you @cbum-dev

Hey @DhairyaMajmudar the spacing part is sorted but right now for the image the opacity is 70% and changing it to less than 40% will do the job in phones. I have tried several other things but opcacity to 40% or below will do the job. The problem is only with the phones so what you think about this?

[DhairyaMajmudar]

Hey @DhairyaMajmudar the spacing part is sorted but right now for the image the opacity is 70% and changing it to less than 40% will do the job in phones. I have tried several other things but opcacity to 40% or below will do the job. The problem is only with the phones so what you think about this?

Decreasing background image opacity will also affect the desktop view, isn't there any other solution instead of decreasing opacity?

[cbum-dev]

Hey @DhairyaMajmudar the spacing part is sorted but right now for the image the opacity is 70% and changing it to less than 40% will do the job in phones. I have tried several other things but opcacity to 40% or below will do the job. The problem is only with the phones so what you think about this?

Decreasing background image opacity will also affect the desktop view, isn't there any other solution instead of decreasing opacity?

No, the desktop view will be 70% and for mobile its 40% using tailwind.

[DhairyaMajmudar]

I would suggest to share some screenshots of what you're proposing (both in desktop and mobile view)

[cbum-dev]

[cbum-dev]

or we can use this as well on small screens.

[DhairyaMajmudar]

On small screen it's looking too dark

[cbum-dev]

On small screen it's looking too dark

I will figure out something else for this.

[cbum-dev]

Design A

Design B

@DhairyaMajmudar which one is better? Here in part B the use of black can be white as well to match the theme.