Full Responsive Video Cards

"="" alt="\"\"" \="" >\r\n="" <div="" absolute="" top-0="" right-0="" bg-red-500="" m-1="" text-gray-200="" p-1="" px-2="" text-xs="" font-bold="" rounded\">live<\="" div>\r\n="" flex="" font-semibold="" text-gray-500="" bg-gray-300\">\r\n="" <span="" font-bold\">105="" watching<\="" span>\r\n="" border-l="" border-gray-400\">105="" likes<\="" dislikes<\="" <\="" p-4="" text-gray-800\">\r\n="" <a="" href="https://www.creative-tim.com/"https:////www.youtube.com//watch?v=dvqT-E74Qlo\%22" target="\"_new\"" block="" cursor-pointer="" hover:underline\">pubg="" mobile="" custom="" room="" (unlimited)<\="" a>\r\n="" bg-indigo-500="" text-blue-100="" rounded="" px-1="" cursor-pointer\">@dynamo_gaming<\="" text-sm="" py-2="" border-gray-400="" mb-2\">lorem="" ipsum="" bekhum="" bukhum="" !lorem="" !<\="" <!--="" each="" -->\r\n="" mb-10="" m-2="" shadow-lg="" border-gray-800="" bg-gray-100="" relative\">\r\n="" <img="" src="https://www.creative-tim.com/"https:////i.ytimg.com//vi//qew27BNl7io//maxresdefault.jpg/"" rounded\">10:53<\="" views<\="" -->\r\n\r\n\r\n<\="" div>","author_type":"app\\user","author_id":1973,"collection_id":null,"fork_id":null,"votes":5,"score":"4.8","visits":11533,"popularity":662,"slug":"full-responsive-video-cards","approved":1,"created_at":"2021-01-19t00:00:00.000000z","updated_at":"2024-09-19t02:24:07.000000z","downloads":113,"code_views":2401,"center":false,"notified":0,"premium":0,"tailwind_config":null,"type":"component","css":"https:\="" cdn.tailwindcss.com","should_tweet":0,"media":[{"id":2169,"model_type":"app\\component","model_id":894,"collection_name":"preview","name":"temp97895","file_name":"temp97895.png","mime_type":"image\="" png","disk":"public","size":213172,"manipulations":[],"custom_properties":{"generated_conversions":{"thumb":true,"ogimage":true}},"responsive_images":{"media_library_original":{"urls":["temp97895___media_library_original_1280_957.png","temp97895___media_library_original_1070_799.png","temp97895___media_library_original_895_669.png","temp97895___media_library_original_749_559.png","temp97895___media_library_original_627_468.png","temp97895___media_library_original_524_391.png","temp97895___media_library_original_439_328.png","temp97895___media_library_original_367_274.png","temp97895___media_library_original_307_229.png"],"base64svg":"data:image\="" svg+xml;base64,pcfet0nuwvbfihn2zybqvujmsumgii0vl1czqy8vrfreifnwryaxljevl0voiiaiahr0cdovl3d3dy53my5vcmcvr3jhcghpy3mvu1zhlzeums9eveqvc3znmteuzhrkij4kphn2zyb2zxjzaw9upsixljeiihhtbg5zpsjodhrwoi8vd3d3lnczlm9yzy8ymdawl3n2zyigeg1sbnm6egxpbms9imh0dha6ly93d3cudzmub3jnlze5otkvegxpbmsiihhtbdpzcgfjzt0ichjlc2vydmuiihg9ijaicib5psiwiib2awv3qm94psiwidagmti4mca5ntcipgojpgltywdlihdpzhropsixmjgwiibozwlnahq9ijk1nyigegxpbms6ahjlzj0izgf0ytppbwfnzs9qcgvno2jhc2u2ncwvowovnefbuvnrwkpsz0fcqvffqvlbqmdbquqvl2dbn1exskzrvljqvwpvz1oyuxrhbkjswnlcmk1tnhdjq2gxyzjsdvp5qkpta2nnu2xcrlj5qjjprefwtencegrxrnnhwfi1suqwz09uqusvoxnbuxdbrefnsurbz0leqxdnrejbturcqvvjqlfvrujbvutcd2nhq0f3s0rbd0xdz3nmrfe0u0vbme9futrmq3hbv0vcrvrgqlvwrlf3uez4z1dgqmdtrkjvvs85c0frd0veqkfrrkjbvupcuvvkrkewtersuvvgqlfvrkjrvuzcuvvgqlfvrkjrvuzcuvvgqlfvrkjrvuzcuvvgqlfvrkjrvuzcuvvgqlfvrkjrvuzcuvvgqlfvlzhbquvrz0fgd0fmqxdfukfbsvjbuu1sqwyvrufcoefbquvgqvffqkfrrujbqufbqufbqufbqujbz01fqlfzsenba0tdly9fquxvuufbsujbd01dqkfnrkjruuvbqufczlffq0f3quvfuvvtsvrgqkjotljzuwnpy1jrewdar2hdq05dc2nfvlv0shdkre5py29jsknowvhhqmthslnzbktda3forfuytnpnnu9rtkvsvvpiu0vss1uxulzwbgrzv1zwalphvm1ammhwyw5omgrywjnlsgw2zzrtrmhvzulpwxftazvtvmxwzvltwnfpbzztbhbxzw9xyxf5czdtmxryztr1ynjddzhurnhzzkl5y3jtmdluvjf0zlkyzhjonhvqazvlym42t25xogzmejlqwdi5l2o1k3yvrufcoejbqu1cqvffqkfrrujbuuvbqufbqufbqujbz01fqlfzsenba0tdly9fquxvukfbsujbz1ffqxdrsejruuvbquvdzhdbqkfntvjcqvvotvfzu1fwruhzwevuswplqkncuknryud4d1frak0xthdgv0p5mffvv0pevghkzkvyr0jryuppy29lu28xtmpjne9ucersrvzhujboslnstlvwvlpyv0zsyvkyumxabwrvyvdwemrivjjkm2g1zw9lrghjv0donglkaxblvgxkv1dsnwlabxflanblv21wnmlwcxjlenrmvzj0n2k1dxnmrhhnwed4ogpkexrmvdfowfcxowpamnvmajvpwg01k2pwnnzmejlqwdi5l2o1k3yvyufbd0rbuufdrvfnukfeoee2rhcxoe05uzhtd1nuuwzkehhydllwme9um3o1ekd4eexuzw5zythqd1uxnuxod003d2e3bexdcehbnfkxeum1k0nldvn3ukh1rhpwyzjfn0vxr04xtwj4tjhqyi93qu1lvza0k1zxohphu290tdjanitbalhqzjjwdgvfdmlozgvgclr5ww93dzlhogrtyvzqm0dybtzqajfmz0vlvu9hzk94y3fel2hmti90qthvww81mkhlam12r0h4r3vmrmlscktnvupvdvrlnddisdrxumhpz0f4uufzb0evlzlrpsi+cgk8l2ltywdlpgo8l3n2zz4=""}},"order_column":2122,"created_at":"2021-01-19T17:38:49.000000Z","updated_at":"2021-01-19T17:38:51.000000Z","conversions_disk":"public","uuid":"f4ca11b9-446d-4773-9eb4-5ef20bc64d6b","generated_conversions":null,"original_url":"https:\/\/tailwindcomponents.com\/storage\/2169\/temp97895.png","preview_url":""}],"author":{"id":1973,"name":"amirrahman132132","slug":"amirrahman132132","bio":null,"avatar":"\/storage\/avatars\/Jv12rLFU0gZbz7p2zVgt2WPPQvSjzGYFBSHOfRgh.png","header":null,"created_at":"2021-01-15T22:34:19.000000Z","updated_at":"2021-02-10T22:45:24.000000Z"},"tags":[{"id":4,"name":{"en":"Cards"},"description":"Check" out="" our="" examples="" of="" beautifully="" designed="" cards="" that="" will="" help="" you="" display="" your="" content="" easily.="" use="" snippets="" to="" preview="" the="" code="" and="" spend="" less="" time="" re-inventing="" wheel.","meta_description":"check="" easily.","slug":{"en":"cards"},"type":null,"order_column":3,"created_at":"2019-07-04t08:20:17.000000z","updated_at":"2022-08-01t16:06:24.000000z","pivot":{"taggable_type":"app\\component","taggable_id":894,"tag_id":4}},{"id":92,"name":{"en":"video"},"description":"utilize="" video="" component="" set="" up="" an="" embedded="" player="" by="" leveraging="" native="" html="" 5="" functionalities,="" all="" crafted="" with="" utility="" classes="" provided="" tailwind="" css.","meta_description":"utilize="" css.","slug":{"en":"video"},"type":null,"order_column":81,"created_at":"2023-11-14t17:08:02.000000z","updated_at":"2023-11-14t17:08:02.000000z","pivot":{"taggable_type":"app\\component","taggable_id":894,"tag_id":92}}],"fork":null,"favorites":[{"id":3768,"name":"brimestoned","slug":"brimestoned","bio":null,"avatar":"https:\="" avatars.githubusercontent.com\="" u\="" 41085428?v="4","header":null,"created_at":"2021-06-07T18:41:08.000000Z","updated_at":"2021-06-07T18:41:08.000000Z","pivot":{"component_id":894,"user_id":3768}},{"id":12103,"name":"Ramen","slug":"ramen","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/bd57e07069fa48138ebf9e799e5cc407","header":null,"created_at":"2023-04-27T12:40:43.000000Z","updated_at":"2023-04-27T12:40:43.000000Z","pivot":{"component_id":894,"user_id":12103}},{"id":8280,"name":"NdekoCode","slug":"ndekocode","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/85836702?v=4","header":"\/storage\/headers\/3FqzEebO3eZi51EIVGBz9z4Z9OfkfxfX63Dtgga5.png","created_at":"2022-06-28T15:31:22.000000Z","updated_at":"2023-09-08T17:49:11.000000Z","pivot":{"component_id":894,"user_id":8280}},{"id":14558,"name":"Diego","slug":"diego-1","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/3541e208e6757c2fccc5bd59292db5db","header":null,"created_at":"2023-10-06T22:33:56.000000Z","updated_at":"2023-10-06T22:33:56.000000Z","pivot":{"component_id":894,"user_id":14558}}]}"" :edit="false"> Full screen Preview

Download