×

Welcome to TagMyCode

Please login or create account to add a snippet.
 

div flex

0
0
 
0
Language: CSS
Posted by: roliver
Added: Jun 13, 2022 5:52 PM
Views: 10
Tags: no tags
  1.  <link rel="stylesheet" href="./dist/primeflex.min.css" />
  2.             <div class="card">
  3.                <div class="flex flex-wrap align-items-center justify-content-center card-container blue-container">
  4.                   <div class="relative bg-blue-200 w-9rem h-9rem mx-3 my-3 md:my-0 border-round">
  5.                      <div class="absolute top-0 left-0 bg-blue-500 text-white font-bold flex align-items-center justify-content-center w-4rem h-4rem border-round">1</div>
  6.                   </div>
  7.                   <div class="relative bg-blue-200 w-9rem h-9rem mx-3 my-3 md:my-0 border-round">
  8.                      <div class="absolute top-0 right-0 bg-blue-500 text-white font-bold flex align-items-center justify-content-center w-4rem h-4rem border-round">2</div>
  9.                   </div>
  10.                   <div class="relative bg-blue-200 w-9rem h-9rem mx-3 my-3 md:my-0 border-round">
  11.                      <div class="absolute bottom-0 right-0 bg-blue-500 text-white font-bold flex align-items-center justify-content-center w-4rem h-4rem border-round">3</div>
  12.                   </div>
  13.                   <div class="relative bg-blue-200 w-9rem h-9rem mx-3 my-3 md:my-0 border-round">
  14.                      <div class="absolute bottom-0 left-0 bg-blue-500 text-white font-bold flex align-items-center justify-content-center w-4rem h-4rem border-round">4</div>
  15.                   </div>
  16.                </div>
  17.             </div>

Write a comment

To post comments, please log in or register.