What do you want to save?
Add Code snippet
New code examples
-
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 -
Other 2021-09-30 20:48:01
bootstrap set breakpoints
/* Answer to: "bootstrap media queries" */ /* Since Bootstrap is developed to be mobile first, the use a handful of media queries to create sensible breakpoints for their layouts and interfaces. These breakpoints are mostly based on minim... Add solution -
CSS 2021-09-21 15:26:04
@media screen 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 -
CSS 2021-09-12 23:59:04
css @media measurements
// 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) @medi... Add solution -
CSS 2021-09-12 14:18:02
what is a max and min width media query
/* 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 -
CSS 2021-09-09 08:26:03
html css projects with source code
* { font-family: 'Montserrat', sans-serif; padding: 0px; margin: 0px; font-weight: 900; } .container-fluid { padding: 0% 10%; } #title { background-image: linear-gradient(to bottom, rgb(255, 0, 43), rgba(255, 81, 0, 0.904)); ... Add solution -
Javascript 2021-09-06 09:01:02
how to change div color with media query in javascript
function myFunction(x) { if (x.matches) { // If media query matches document.body.style.backgroundColor = "yellow"; } else { document.body.style.backgroundColor = "pink"; } } var x = window.matchMedia("(max-width: 7... Add solution
Best helpers
Annu_tiger
+5
Webelo
+5
Des Wilson
+5
Twbrown
+5
Dreeves
+5
Xoxocrow
+5
Arash.amd
+5
Gaussler
+5
Bread
+5
Kenny W
+5
Chris Crook
+5
Xzhu
+5
Steven Choi
+5
KariEllen
+5
AndrewBC
+5
Static
+5
C. Starr
+5