SkillSeevaSkillSeeva
HomeResourcesScheduleRoadmapTeam
Back to Categories
Current Path
CSS3
Syntax & SelectorsColors & BackgroundsThe Box ModelCSS UnitsText & FontsDisplay & VisibilityPositioning & Z-IndexFlexboxCSS GridCombinatorsShadows & GradientsResponsive (Media Queries)Object Fit & CoverPseudo-classes & ElementsTransitions & AnimationsCSS Variables
Jump to topic:
Syntax & SelectorsColors & BackgroundsThe Box ModelCSS UnitsText & FontsDisplay & VisibilityPositioning & Z-IndexFlexboxCSS GridCombinatorsShadows & GradientsResponsive (Media Queries)Object Fit & CoverPseudo-classes & ElementsTransitions & AnimationsCSS Variables

Flexbox

Flexbox makes it easier to design flexible responsive layout structure without using float or positioning.
css
.flex-container {
  display: flex;
  flex-direction: row; /* or column */
  justify-content: center; /* Main axis */
  align-items: center; /* Cross axis */
  flex-wrap: wrap;
}
8 / 16