What do you want to save?
Add Code snippet
New code examples
-
Other 2021-11-10 13:15:07
media query css
@media only screen and (max-width: 1200px){ /*Tablets [601px -> 1200px]*/ } @media only screen and (max-width: 600px){ /*Big smartphones [426px -> 600px]*/ } @media only screen and (max-width: 425px){ /*Small smartphones [325px -> 425px]*/ } 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 -
Other 2021-11-06 02:49:15
responsive table
/* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically. */ @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /... Add solution -
CSS 2021-11-04 18:38:16
orientation css max and min width media query
<style type="text/css"> /* default styles here for older browsers. I tend to go for a 600px - 960px width max but using percentages */ @media only screen and (min-width: 960px) { /* styles for browsers larger th... Add solution -
CSS 2021-11-04 05:06:06
force table to fit to page css
table { table-layout:fixed; } td { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } /*For mobile phones I leave the table width but assign an additional CSS class to the table to enable horizontal scrolling (table ... 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 -
Other 2021-10-26 01:37:08
media query desktop
/* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) {...} /* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) {...} /* Medium devices (landscape tablets... Add solution
Best helpers
+5
+5
+5
+5
+5
+5
+5
+5
+5
+5