Replies: 2 comments 1 reply
-
Ok so to explain this we have to discuss the responsive document flow and basically there are certain axis to snap to naturally as the align-items-end class is doing. The next stop in the axis is using align-items-center , which you noticed looks slightly off because of where it snaps to. When making adjustments like this i recommend relational units like percentages vh vw for better responsiveness. My recommendation if i was trying to achieve what you are is to use padding or margin with percentages for the best result for all scenarios. Code is below.
|
Beta Was this translation helpful? Give feedback.
-
I have updated my answer in order to better help you, please let me know if this works for you or you need additional help. |
Beta Was this translation helpful? Give feedback.
-
Hey,
I've a
row
with twocol
that contains 1 input text and the other 1 switch input.I tried to align them vertically but to each other.
By adding
align-items-end
class to therow
and 30px height for the inputform-check
,it works but feels kinda weird..
Do you guys have a better way to align them ❓
row align-items-center
doesn't work though:Thank you.
Beta Was this translation helpful? Give feedback.
All reactions