What do you want to save?
Add Code snippet
New code examples
-
CSS 2021-11-15 18:33:25
hide scroll bar and show when hover with small size
/*Auto hide scrollbar for PC only*/ @media (min-width:576px) { /* Hide scrollbar for Chrome, Safari and Opera */ .hide-scrollbars::-webkit-scrollbar { /*display: none; to completely hide the scrollbar*/ -webkit-appearance: none; ... Add solution -
CSS 2021-11-12 21:02:11
media breakpoints
// Extra small devices (portrait phones, less than 576px) @media (max-width: 575.98px) { ... } // Small devices (landscape phones, 576px and up) @media (min-width: 576px) and (max-width: 767.98px) { ... } // Medium devices (tablets, 768px and up) @media... Add solution -
CSS 2021-11-11 03:19:20
media query in scss
/* BOOSTRAP MEDIA BREAKPOINTS */ /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { .selector { background-color:#f00; } } /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */ @me... Add solution -
CSS 2021-10-28 22:13:06
bootstrap 4 mobile media query
// Extra small devices (portrait phones, less than 576px) @media (max-width: 575.98px) { ... } // Small devices (landscape phones, 576px and up) @media (min-width: 576px) and (max-width: 767.98px) { ... } // Medium devices (tablets, 768px and up) @media... Add solution -
CSS 2021-10-21 05:32:03
woocommerce gallery product images widget vertical swipe
/* VERSION 1 - Vertical Scrolling Thumbnails */ .woocommerce div.product div.images .flex-control-thumbs li { padding: 5px 5px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 420px) { .woocommerce-page d... Add solution -
Other 2021-10-18 06:14:03
hamburger side menu divi
/*show hamburger menu on desktop*/ @media (min-width: 980px) { .et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu { display: none; } .et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu { display: flex; ... Add solution -
Html 2021-10-14 06:24:06
responsive card grid layout
<!-- CSS is mentioned as style --> <style> .card { background-color: dodgerblue; color: white; padding: 1rem; height: 4rem; } .cards { max-width: 1200px; margin: 0 auto; display: grid; grid-gap: 1rem; } @media (min-width:... Add solution