Issue with centering the elements
When I go into mobile view, the elements are centered and i dont know how to do that.
Here is the code.
https://codepen.io/Aman-sghh/pen/KKBNpvq
16 Replies
I want the text and image to be centered in the mobile view
img => float: unset, display: block, margin-inline: auto
in the media query?
@markboots. It didnt do anything?
@jochemm Can you plz help me with this issue?
why are you @'ing me?
don't just randomly @ people š
in media-query on your .soko selector just add
float: revert;
unset works too, like Mark suggested
sorry, its just that you helped me nicely before
thanks man it worked
sure it does revert doesn't go as far as unset tho per this video https://www.youtube.com/watch?v=6UwISwr_yUo
Kevin Powell
YouTube
Initial doesn't do what you think it does
We often think initial sets something back to how it started, but it actually does a lot more than that. Often, we're looking for unset or revert instead.
š Links
ā
Codepen: https://codepen.io/kevinpowell/pen/qBjqwJO
ā
Twitch: https://www.twitch.tv/kevinpowellcss
ā
Additional reading: https://developer.mozilla.org/en-US/docs/Web/CSS/rever...
I'll gladly help again, but I'll see the thread when I see it, and see if I can help this time or not
I also want the text to be center. But want to be away from the sides. Is there a nicer way to do it rather than doing it manually with margin?
![](https://utfs.io/f/f795a12c-91c4-4e47-b768-ca1bae731c0f-m4kmj1.19.06.png)
padding is used to create space around element margin is to add space between elements
thanks guys, was away for a sec.
padding is only visible on the left side, need to scroll to c it on the right.
![](https://utfs.io/f/aa969279-79c4-4dfa-9af5-d8780c9ac13a-m4kmj1.26.30.png)
set * { box-sizing: border-box } in your document. That makes sure padding and borders will be included in the set size of an element.
Also, don't use width 100% if not nessessary
I would like to suggest picking up a small course such as https://courses.kevinpowell.co/conquering-responsive-layouts (free)
Kevin Powell
Conquering Responsive Layouts
Are you ready to take the challenge and finally figure out responsive layouts?Ā Click the button below and jump in!