Alginment are very much required for a web developer to tell how the elements are arranged in a webpage !
lets have a detailed look at it !
END Alignment !
Alignment start !
Alignment Center !
Alignment Center with self align for item !
Alignment Center with Justify start !
Alignment Center with Justify Center !
Alignment Center with Justify Between !
Working with Offsets !
Need to learn about padding display and margines.
margin - m it has following variants
l -left r- right t-top b-bottom x- left or right y- top or bottom - y -axis blank all way around.
example mt-1, means margin top -1
here 0, 1, 2, 3, 4, 5 has relativd margins respect to font size.
0 - 0 1 - 0.25 2 - 0.5 3 - 1 4 - 1.5 5 - 3 $spacer variable will note this.
Margin example - my own
Padding example - my own
Flexible Boxes : Aside HTML tags are used for side content apart from main article eg:logins, comment form etc.
Flexible Boxes : row : Justify Start
Flexible Boxes : row : Justify Center
Flexible Boxes : column : Justify Center
Flexible Boxes : column : Justify Baseline based on typography like h1,h2
Flexible Boxes : column : Justify Baseline based on typography also for certain devices can be given in the order.