Search
 
SCRIPT & CODE EXAMPLE
 

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;
  }
}
Comment

.container

div container
Comment

PREVIOUS NEXT
Code Example
Css :: border-style css 
Css :: margin bottom 
Css :: mb bootstrap 
Css :: crop image with circle css 
Css :: cypress element css 
Css :: deep selector 
Css :: animated background css 
Css :: sass import 
Css :: how to make text disappear after a certain length css 
Css :: CSS logo left and navigation right 
Css :: css grid container 
Css :: move element on new line css 
Css :: .col-12 bootstrap 
Css :: overflow in css 
Css :: use flex in container with multiple components 
Css :: sass loader 
Css :: text size to fit button 
Css :: make element no styles 
Css :: css after hover 
Css :: rainbow text shadow animation 
Css :: working with tailwind css on your react build 
Css :: mitmf install 
Css :: how to insert icons pseudo content 
Css :: css nesting 
Css :: transition css react 
Css :: css links 
Css :: wordpress style.css not updating 
Css :: negative border radius 
Css :: WSGI: Truncated or oversized response headers received from daemon process 
Css :: memebuat html dan css login instagram 
ADD CONTENT
Topic
Content
Source link
Name
8+5 =