Continue reading “Flexbox CSS Part (13) – Responsive Navbar | Arabic”
Category: Front End
Flexbox CSS (12) – Responsive Layout (Float to Flex)
Flexbox Part (11) || align-self
Flexbox Part (10) – || flex-basis & flex shorthand
Flexbox Part (9) – Arabic || flex-shrink
Flexbox CSS Part (8) – Arabic || flex-grow
- The css flexbox makes it easier to design flexible responsive layout structure without using float or positioning.
- The flex-grow property specifies how much the item will grow relative to the rest of the flexible items inside the parent container.
- Default value is 0
Continue reading “Flexbox CSS Part (8) – Arabic || flex-grow”
Flexbox CSS Part (7) – Arabic || order
- The css flexbox makes it easier to design flexible responsive layout structure without using float or positioning.
- The order CSS property specifies the order used to layout the items in the container.
- The default value is zero (0).
Flexbox CSS Part (6) – Arabic || align-content
- The css flexbox makes it easier to design flexible responsive layout structure without using float or positioning.
- It is similar to align-items, but it aligns flex lines.
- It should be used with wrapping.
- align content values are: – stretch (default) – flex-start – flext-end – center – space-between – space around
Continue reading “Flexbox CSS Part (6) – Arabic || align-content”
Flexbox CSS Part (5) || align-itmes: baseline
- The css flexbox makes it easier to design flexible responsive layout structure without using float or positioning.
- The align-items property specifies the default alignment for items inside the flexible container.
- align items values are: – stretch (default) – flex-start – flex-end – center – baseline
Continue reading “Flexbox CSS Part (5) || align-itmes: baseline”
Flexbox CSS – Part (4) || align-items
- The css flexbox makes it easier to design flexible responsive layout structure without using float or positioning.
- The align-items property specifies the default alignment for items inside the flexible container.
- align items values are: – stretch (default) – flex-start – flex-end – center – baseline