“Los artículos flexibles no tienen ancho completo” Código de respuesta

flexionar un ancho completo

.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

flexionar un ancho completo

.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

Los artículos flexibles no tienen ancho completo

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

Respuestas similares a “Los artículos flexibles no tienen ancho completo”

Preguntas similares a “Los artículos flexibles no tienen ancho completo”

Más respuestas relacionadas con “Los artículos flexibles no tienen ancho completo” en CSS

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código