What do you want to save?
Add Code snippet
New code examples
-
Other 2022-03-17 09:20:18
media query min and max width
/* Max-width */ @media only screen and (max-width: 600px) {...} /* Min-width */ @media only screen and (min-width: 600px) {...} /* Combining media query expressions */ @media only screen and (max-width: 600px) and (min-width: 400px) {...} Add solution -
Other 2022-03-16 16:10:45
bootstrap container
// Extra small devices (portrait phones, less than 576px) // No media query for `xs` since this is the default in Bootstrap // Small devices (landscape phones, 576px and up) @media (min-width: 576px) { ... } // Medium devices (tablets, 768px and up) @me... Add solution -
Other 2022-03-11 11:50:02
how to give font style in outsystems
Step1: Download the font style and add it in the resource folder inside the data tab. Step2: Add the following media query in the css window: @font-face { font-family: 'Bree Serif'; //Any font name you like src: url('/MSP_Home/BreeSerif-... Add solution -
TypeScript 2022-02-17 10:30:09
RenderFlex children have non-zero flex but incoming height constraints are unbounded.
You need to wrap your child with some height and width as some of the child are exceeding the available height and width. you can use media query and get the avaailable height and width : final _mediaQuery = MediaQuery.of(context).size; Container( wi... Add solution -
CSS 2022-02-01 03:21:57
breakpoint bootstrap
// Extra small devices (portrait phones, less than 576px) // No media query for `xs` since this is the default in Bootstrap // Small devices (landscape phones, 576px and up) @media (min-width: 576px) { ... } // Medium devices (tablets, 768px and up) @me... Add solution -
CSS 2022-01-22 02:31:36
bootstrap container
// Extra small devices (portrait phones, less than 576px) // No media query for `xs` since this is the default in Bootstrap // Small devices (landscape phones, 576px and up) @media (min-width: 576px) { ... } // Medium devices (tablets, 768px and up) @me... Add solution -
Other 2021-11-08 07:30:08
mjml center image on mobile
MJML - Center image on mobile with media query. 1. Add class to <mj-image>: <mj-image css-class="center-on-mobile"> 2. Add Media query: @media only screen and (max-width: 450px) { .center-on-mobile > table { margin... Add solution -
CSS 2021-10-29 09:45:25
force float div to new line css
/* If you have an element like a div that is set to float left, but you'd like it to appear on a new line alltogether then simply remove the "float:left" (replace with float:none) and add "display:inline-block" */ .classname { floa... Add solution