What do you want to save?
Add Code snippet
New code examples
-
Javascript 2021-10-13 17:32:03
popup model in tailwind css
/* This example requires Tailwind CSS v2.0+ */ import { Fragment, useRef, useState } from 'react' import { Dialog, Transition } from '@headlessui/react' import { ExclamationIcon } from '@heroicons/react/outline' export default function Example() { cons... Add solution -
Html 2021-09-30 03:54:02
tailwind download button
<button class="bg-grey-light hover:bg-grey text-grey-darkest font-bold py-2 px-4 rounded inline-flex items-center"> <svg class="fill-current w-4 h-4 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20&... Add solution -
CSS 2021-09-25 13:48:03
scrollbar not starting from first element flex
/*To fix this problem use flexbox auto margins, instead of justify-content. With auto margins, an overflowing flex item can be vertically and horizontally centered without losing access to any part of it. So instead of this code on the flex container: *... Add solution -
Html 2021-09-25 12:15:04
break to a new line flexbox
<div class="container"> <div class="item"></div> <div class="break"></div> <!-- break --> <div class="item"></div> </div> <style> /* Inserting thi... Add solution -
Other 2021-09-24 12:48:02
align items top bootstrap
<div class="align-self-start">Aligned flex item</div> <div class="align-self-end">Aligned flex item</div> <div class="align-self-center">Aligned flex item</div> <div class="align-se... Add solution -
CSS 2021-09-16 14:51:03
Tailwind CSS "Cards"
<div class="max-w-sm w-full lg:max-w-full lg:flex"> <div class="h-48 lg:h-auto lg:w-48 flex-none bg-cover rounded-t lg:rounded-t-none lg:rounded-l text-center overflow-hidden" style="background-image: url('/img/card-lef... Add solution -
Html 2021-09-13 11:51:03
tailwind card
<div class="max-w-sm w-full lg:max-w-full lg:flex"> <div class="h-48 lg:h-auto lg:w-48 flex-none bg-cover rounded-t lg:rounded-t-none lg:rounded-l text-center overflow-hidden" style="background-image: url('/img/card-lef... Add solution -
Html 2021-09-04 18:29:02
slider tailwind css
<div class="relative"> <div class="absolute inset-0 w-screen h-screen bg-pink-500 text-white flex items-center justify-center text-5xl transition-all ease-in-out duration-1000 transform translate-x-0 slide">Hello</di... Add solution