Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR CSS

@container

.media-illustration {
  max-width: 200px;
  margin: auto;
}

@container (min-width: 25em) {
  .media {
    display: flex;
    align-items: center;
    gap: 1em;
  }

  .media-illustration {
    flex: 1;
  }

  .media-content {
    flex: 3;
  }
}
Source by web.dev #
 
PREVIOUS NEXT
Tagged:
ADD COMMENT
Topic
Name
1+3 =