“Les articles flexibles ne prennent pas la pleine largeur” Réponses codées

Flex une largeur entière

.flexContainer {
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
}

.item:first-child {
  flex: 1 1 100%;
  margin-bottom: 20px;
}

.item {
  flex: 1 1 40%;
  height: 50px;
  background-color: red;
  margin: 0 20px;
}
Green Team

Flex une largeur entière

.flexContainer {
  display: flex;
  flex-wrap: wrap;
}

.item:first-child {
  flex: 1 1 100%;
  height: 100vh;
  width: 300px;
  margin-bottom: 20px;
}

.item {
  flex: 1 1 40%;
  height: 50px;
  background-color: red;
  margin: 0 20px;
}
Green Team

Les articles flexibles ne prennent pas la pleine largeur

.flex-container {
	display: flex;
	width: 100%
}
Gabriel Arghire

Réponses similaires à “Les articles flexibles ne prennent pas la pleine largeur”

Questions similaires à “Les articles flexibles ne prennent pas la pleine largeur”

Plus de réponses similaires à “Les articles flexibles ne prennent pas la pleine largeur” dans CSS

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code