Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

📌 2 lines of CSS to create a responsive Grid

reactive_dude's profile picture

andrej

62,874 subscribers

404,490 görüntüleme • 3 yıl önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Responsive grid layout using HTML and CSS 🚀
0:11

Responsive grid layout using HTML and CSS 🚀

David Mráz

100,843 görüntüleme • 2 yıl önce

Two ways to create responsive input fields in CSS ✨
0:19

Two ways to create responsive input fields in CSS ✨

Prasenjit

43,304 görüntüleme • 1 yıl önce

Create this responsive flex layout using just HTML and CSS 🚀
0:10

Create this responsive flex layout using just HTML and CSS 🚀

David Mráz

38,100 görüntüleme • 1 yıl önce

Create responsive footer using just HTML and CSS 🚀 Code in the comments 🧑‍💻
0:11

Create responsive footer using just HTML and CSS 🚀 Code in the comments 🧑‍💻

David Mráz

28,915 görüntüleme • 2 yıl önce

hear me out you don’t need js to create a marquee animation just a couple of lines of css and duplicated children with `aria-hidden`
0:11

hear me out you don’t need js to create a marquee animation just a couple of lines of css and duplicated children with `aria-hidden`

dmytro

159,814 görüntüleme • 1 yıl önce

Create responsive footer with subscribe form using CSS and HTML 🚀 Code in the comments 🧑‍💻
0:11

Create responsive footer with subscribe form using CSS and HTML 🚀 Code in the comments 🧑‍💻

David Mráz

78,635 görüntüleme • 2 yıl önce

CSS shape() is now Baseline Newly Available → The shape() function allows you to create responsive, complex paths for layouts and animations using standard CSS units like %, rem, and calc().
0:11

CSS shape() is now Baseline Newly Available → The shape() function allows you to create responsive, complex paths for layouts and animations using standard CSS units like %, rem, and calc().

Chrome for Developers

24,796 görüntüleme • 2 ay önce

I used ChatGPT to create the Matrix in 49 lines of HTML/CSS/JS. Hard to believe this took just 5 mins.
0:14

I used ChatGPT to create the Matrix in 49 lines of HTML/CSS/JS. Hard to believe this took just 5 mins.

Chris Stanchak

60,002 görüntüleme • 2 yıl önce

TailwindCSS Tip 1/5 Create Responsive Image Gallery easily with Tailwind CSS Check out steps 🧵👇
0:11

TailwindCSS Tip 1/5 Create Responsive Image Gallery easily with Tailwind CSS Check out steps 🧵👇

Poonam Soni

25,970 görüntüleme • 3 yıl önce

using CSS grid you can avoid width change in the parent container whilst making it responsive 🤙 the trick: update and transition the grid-template-columns for the list on :focus/:hover ✨
0:19

using CSS grid you can avoid width change in the parent container whilst making it responsive 🤙 the trick: update and transition the grid-template-columns for the list on :focus/:hover ✨

jhey ʕ•ᴥ•ʔ

270,594 görüntüleme • 1 yıl önce

¿Te cuesta el CSS y el diseño de tu web? ¡Este recurso te va a facilitar la vida! Crea los layouts más conocidos con Grid y Flex. Totalmente personalizables y responsive:
0:12

¿Te cuesta el CSS y el diseño de tu web? ¡Este recurso te va a facilitar la vida! Crea los layouts más conocidos con Grid y Flex. Totalmente personalizables y responsive:

Miguel Ángel Durán

79,589 görüntüleme • 1 yıl önce

Responsive magnetic link effect using CSS anchor positioning 🧲 nav li:nth-of-type(2) { anchor-name: --i2; } nav:has(li:nth-of-type(2) a:hover) { --a: --i2; } ul::before { /* indicator */ left: anchor(var(--a) left); width: anchor-size(var(--a) width); }
0:17

Responsive magnetic link effect using CSS anchor positioning 🧲 nav li:nth-of-type(2) { anchor-name: --i2; } nav:has(li:nth-of-type(2) a:hover) { --a: --i2; } ul::before { /* indicator */ left: anchor(var(--a) left); width: anchor-size(var(--a) width); }

jhey ʕ•ᴥ•ʔ

396,107 görüntüleme • 2 yıl önce

¿Te cuesta el CSS y el diseño de tu web? ¡Necesitas este recurso en tu vida! Te crea los layouts más conocidos con Grid y Flex. Totalmente personalizables y responsive.
0:12

¿Te cuesta el CSS y el diseño de tu web? ¡Necesitas este recurso en tu vida! Te crea los layouts más conocidos con Grid y Flex. Totalmente personalizables y responsive.

Miguel Ángel Durán

179,434 görüntüleme • 2 yıl önce

✍️ New Article: Should masonry be part of CSS grid? I explored whether masonry should be integrated into CSS Grid or introduced as its own display type, with examples comparing both approaches.
0:10

✍️ New Article: Should masonry be part of CSS grid? I explored whether masonry should be integrated into CSS Grid or introduced as its own display type, with examples comparing both approaches.

Ahmad Shadeed

30,263 görüntüleme • 1 yıl önce

pretty incredible what you can do with a few dozen lines of CSS nowadays
0:11

pretty incredible what you can do with a few dozen lines of CSS nowadays

scalar

12,719 görüntüleme • 3 ay önce

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!
0:16

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!

CSS by T. Afif

57,769 görüntüleme • 8 ay önce

Descubre cómo crear un texto degradado y responsive en CSS ↓
0:10

Descubre cómo crear un texto degradado y responsive en CSS ↓

Carmen Ansio

27,407 görüntüleme • 1 yıl önce

How to create a customizable 'flipped' border-radius in CSS ↓
0:16

How to create a customizable 'flipped' border-radius in CSS ↓

Sebastiano Guerriero

203,250 görüntüleme • 1 yıl önce