thesoulfulentrepreneur Posted September 29, 2020 Share Posted September 29, 2020 Site URL: https://www.olesyaoligradska.com/the-sisterhood-circle Hi! I'm adjusting a client's website design. Attached, you will see the design of the section on desktop (attachment: Desktop view). I'm trying to add custom code to resize the checkmark icon on mobile. I tried this: @media only screen and (max-width: 640px) { #sisterhood-outcomes img { height: 50% !important; width: 50% !important; } } But, the result is shown in the second image (attachment: mobile view). Side note: I realize the percentages will likely need to be smaller. Does anyone have any suggestions on how to customize the code on mobile to keep the check marks inline with each point? Thanks in advance! Link to comment
tuanphan Posted September 30, 2020 Share Posted September 30, 2020 I think, on mobile, you should change to FontAwesome Icon. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.