What do you want to save?
Add Code snippet
New code examples
-
Other 2022-02-14 00:50:01
boostrap row reverse utility
<div class="d-flex flex-row"> <div class="p-2">Flex item 1</div> <div class="p-2">Flex item 2</div> <div class="p-2">Flex item 3</div> </div> <div class="... Add solution -
Other 2022-01-26 02:50:41
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 -
CSS 2022-01-22 23:16:06
alignitems
/* Basic keywords */ align-items: normal; align-items: stretch; /* Positional alignment */ /* align-items does not take left and right values */ align-items: center; /* Pack items around the center */ align-items: start; /* Pack items from the start... Add solution -
CSS 2022-01-22 19:35:41
css center image horizontal and vertical flexbox
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Center Flex Item Image</titl... Add solution -
CSS 2021-11-14 09:50:04
new line in flex container
<div class="container"> <div class="item"></div> <div class="break"></div> <!-- break --> <div class="item"></div> </div> <style> /* Inserting thi... Add solution