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 :: css geight 
Css :: outting a border on a map css 
Css :: disabled attribute on button still showing click animation safari macos 
Css :: fill div on hover 
Css :: hover above image tip tool 
Css :: adding a background image in css 
Css :: css code for increasing size 
Css :: css debugger 
Css :: how To target a particular td in css 
Css :: #shadow-root (open) css 
Css :: 1.1 inches in pixels 
Css :: how do I make secret keys available in gatsby-config from Netlify 
Css :: textxarea noresize 
Css :: Remove Title spacing 
Css :: carousel inner item populate with for loop puting active class on all carousel item 
Css :: winnat port already in use ERROR 
Css :: bootsrap view only landscape 
Css :: style50 for cs50 
Css :: body css margin, background, font-family, hei 
Css :: css disabled option 
Css :: multi-styles 
Css :: make a half ciricle with div 
Css :: border-style 
Css :: import font woff css 
Css :: Do not use empty rulesetscss(emptyRules) 
Typescript :: Where do scientists get their stem cells for research? 
Typescript :: install typescript mac 
Typescript :: get minutes between two dates ts 
Typescript :: use ref in react typescript 
Typescript :: typescript req.query.query 
ADD CONTENT
Topic
Content
Source link
Name
7+5 =