@Tryt4n
Posted
Firstly for your whole element you gave max-width: 25vw
that's mean if you have mobile with width of for example 400px the element width would be 100px. You could do something like this:
min-width: 25vw;
max-width: 500px;
That's mean width would be 25vw but no more than 500px. Of course you can change those values.
Another thing add to your img
line margin-inline: auto;
because it's not centered. That's mean add the same amount of margin in the left and the right.
Last thing add text-align: center;
to your whole element so the text content would be centered.
Marked as helpful
@alaykabir
Posted
@Tryt4n Thank you so much for the insights. I am grateful.