mooeena

Honeycomb Simple

Jan 21st, 2022 (edited)
1,186
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.87 KB | None | 0 0
  1. <div class="container grid grid-cols-3 gap-3  mx-auto my-3 w-full sm:w-48 md:w-72 lg:w-4/5  xl:w-3/4 relative   flex">
  2. <div class="col-span-full mx-auto w-full mb-3 sm:mb-10 md:mb-3  h-48 sm:h-96 md:h-64  lg:h-48  relative overflow-visible">
  3. <div class="relative w-48 h-full mx-auto sm:mx-0 lg:mx-auto md:left-12 lg:left-0 ">
  4. <div class=" absolute mx-2 my-1 top-0 sm:top-16 md:top-8 lg:top-0">
  5.     <div class="absolute top-0 ">
  6.      <div class=" w-16 h-14 absolute top-8 "><a href="https://buzzly.art/" rel="nofollow"><img class=" object-cover" src="https://i.imgur.com/mpemUhU.png"></a>
  7.     </div>
  8.     <div class=" w-16 h-14 absolute left-14 "><a href="https://buzzly.art/" rel="nofollow"><img class=" object-cover " src="https://i.imgur.com/mpemUhU.png"></a>
  9.     </div>
  10.     <div class=" w-16 h-14 absolute top-8 left-28 "><a href="https://buzzly.art/" rel="nofollow"><img class=" object-cover" src="https://i.imgur.com/mpemUhU.png"></a>
  11.     </div>
  12.    </div>
  13.    <div class="absolute top-16">
  14.      <div class=" w-16 h-14 absolute top-8 "><a href="https://buzzly.art/" rel="nofollow"><img class=" object-cover filter" src="https://i.imgur.com/mpemUhU.png"></a>
  15.     </div>
  16.     <div class=" w-16 h-14 absolute left-14 "><a href="https://buzzly.art/~Moolikeagoat/art/buzzly-logo-honeycomb-stamp" rel="nofollow"><img class=" object-cover " src="https://submissions.buzzly.art/IMAGE/55067e47-4192-41bc-b6d6-75ef042d882a_70bbb9ac-aeae-419d-a17f-2fedc3cc6092.png"></a>
  17.     </div>
  18.     <div class=" w-16 h-14 relative top-8 left-28"><a href="https://buzzly.art" rel="nofollow"><img class=" object-cover " src="https://i.imgur.com/mpemUhU.png"></a>
  19.     </div>
  20.    </div>
  21.       <div class="absolute top-32">
  22.     <div class=" w-16 h-14 absolute left-14 "><a href="https://buzzly.art/" rel="nofollow"><img class=" object-cover " src="https://i.imgur.com/mpemUhU.png"></a>
  23.     </div>
  24.    </div>
  25.    </div>
  26.  
  27. <div class=" absolute -left-14 sm:left-0  md:-left-14 mx-2 my-1">
  28.  <div class="absolute top-0 -left-14 sm:left-0 sm:top-64 md:-top-8 md:left-14 lg:top-0 lg:-left-14">
  29.      <div class=" w-16 h-14 absolute top-8 "><a href="https://buzzly.art/" rel="nofollow"><img class=" object-cover" src="https://i.imgur.com/mpemUhU.png"></a>
  30.     </div>
  31.     <div class=" w-16 h-14 absolute top-24 md:top-56 lg:top-24"><a href="https://buzzly.art/" rel="nofollow"><img class=" object-cover " src="https://i.imgur.com/mpemUhU.png"></a>
  32.     </div>
  33.    </div>
  34.     <div class="absolute top-0 md:top-8 lg:top-0">
  35.    
  36.      <div class=" w-16 h-14 absolute top-0 sm:left-28 sm:top-8 md:left-0 md:top-0"><a href="https://buzzly.art/" rel="nofollow"><img class=" object-cover " src="https://i.imgur.com/mpemUhU.png"></a>
  37.     </div>
  38.     <div class=" w-16 h-14 absolute top-16 sm:left-14 sm:top-0 md:top-16 md:left-0"><a href="https://buzzly.art/" rel="nofollow"><img class=" object-cover " src="https://i.imgur.com/mpemUhU.png"></a>
  39.     </div>
  40.     <div class=" w-16 h-14 absolute top-32 sm:top-8 md:top-32"><a href="https://buzzly.art/" rel="nofollow"><img class=" object-cover " src="https://i.imgur.com/mpemUhU.png"></a>
  41.     </div>
  42.    </div>
  43.  
  44.   </div>
  45.  
  46.   <div class=" absolute left-28 sm:left-0 sm:top-56 md:left-28 md:top-0 mx-2 my-1">
  47.     <div class="absolute top-0 md:top-8 lg:top-0">
  48.      <div class=" w-16 h-14 absolute top-0 left-14 sm:left-0 md:left-14"><a href="https://buzzly.art/" rel="nofollow"><img class=" object-cover " src="https://i.imgur.com/mpemUhU.png"></a>
  49.     </div>
  50.     <div class=" w-16 h-14 absolute top-16 left-14 sm:top-8 md:top-16"><a href="https://buzzly.art/" rel="nofollow"><img class=" object-cover " src="https://i.imgur.com/mpemUhU.png"></a>
  51.     </div>
  52.     <div class=" w-16 h-14 absolute top-32 left-14 sm:top-0 sm:left-28 md:top-32 md:left-14"><a href="https://buzzly.art/" rel="nofollow"><img class=" object-cover " src="https://i.imgur.com/mpemUhU.png"></a>
  53.     </div>
  54.    </div>
  55.    <div class="absolute top-0 left-28 sm:left-28 sm:top-8 md:left-0 lg:left-28 lg:top-0">
  56.      <div class=" w-16 h-14 absolute top-8 md:-top-8 lg:top-8"><a href="https://buzzly.art/" rel="nofollow"><img class=" object-cover" src="https://i.imgur.com/mpemUhU.png"></a>
  57.     </div>
  58.     <div class=" w-16 h-14 absolute top-24 md:top-40 lg:top-24"><a href="https://buzzly.art/" rel="nofollow"><img class=" object-cover " src="https://i.imgur.com/mpemUhU.png"></a>
  59.     </div>
  60.    </div>
  61.      <div class="absolute top-16 left-14 md:top-56  md:left-0 lg:top-16 lg:left-14">
  62.      <div class=" w-16 h-14 absolute top-8 hidden sm:block md:hidden"><a href="https://buzzly.art/" rel="nofollow"><img class=" object-cover " src="https://i.imgur.com/mpemUhU.png"></a>
  63.     </div>
  64.     <div class="absolute  italic text-xs top-24 left-14 sm:left-0 md:left-14 md:top-0 lg:top-24"><a class="absolute left-4" href="https://buzzly.art/~Moolikeagoat/art/honeycomb-f2u-buzzly-art-stamps-code" rel="nofollow">code</a>
  65.    </div>
  66.    </div>
  67.   </div>
  68. </div>
  69. </div>
  70. </div>
Add Comment
Please, Sign In to add comment