@geomydas
Posted
use max-width
@fluxsiarski
Posted
@geomydas But I'm still confused because I saw a solution https://github.com/oge-dev/Social-Links-Profile where the description text worked as the whole width of the card, when I removed the description, the whole card collapsed on both sides. I think this should not be the case.
Where would you recommend giving this max-width to make my card not so wide?
@geomydas
Posted
@fluxsiarski I haven't read your css code yet but here is general tips but try it on your code aswell
set the max-width on the card to prevent it from growing, remove any heights you have set on the card aswell as it may overlow. don't use width for this case since it isnt responsive and likely wont resize on smaller devices.
it may also shrink if you havent set a height yet, so use a min-height aswell. you shouldn't set height but if mandatory use min-height, and not height
Marked as helpful
@geomydas
Posted
Update: Read your code, what you need to change is this:
--Remove padding on the button container, that is the reason why the buttons look shitty on smaller devices
--Decrease max-width on the card container, Prev 600px, New 350px
That's really all, also I ran your code on my PC, I removed the description but it doesn't collapse
Marked as helpful
@fluxsiarski
Posted
@geomydas I really appreciate you took the time to check my code and give me tips on what I should change 🫶🏻 . Have a nice day