正在加载视频...

视频加载失败

返回首页

📌 2 lines of CSS to create a responsive Grid

reactive_dude's profile picture

andrej

62,755 subscribers

404,527 次观看 • 3 年前 •via X (Twitter)

科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Responsive grid layout using HTML and CSS 🚀
0:11

Responsive grid layout using HTML and CSS 🚀

David Mráz

100,843 次观看 • 2 年前

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

Two ways to create responsive input fields in CSS ✨

Prasenjit

43,304 次观看 • 1 年前

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 次观看 • 1 年前

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,925 次观看 • 2 年前

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

160,361 次观看 • 1 年前

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 次观看 • 2 年前

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 次观看 • 4 个月前

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,125 次观看 • 3 年前

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,973 次观看 • 3 年前

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,769 次观看 • 1 年前

¿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,660 次观看 • 2 年前

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,709 次观看 • 2 年前

¿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,522 次观看 • 2 年前

✍️ 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,444 次观看 • 1 年前

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,772 次观看 • 5 个月前

💡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,924 次观看 • 10 个月前

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 次观看 • 2 年前

💡 CSS Tip! Do you know that One-Time password field? You can create it using only one input and a few lines of CSS. The HTML: <input type="text" maxlength="6"> Code & Demo: You can control the number of characters by adjusting the maxlength attribute.
0:14

💡 CSS Tip! Do you know that One-Time password field? You can create it using only one input and a few lines of CSS. The HTML: <input type="text" maxlength="6"> Code & Demo: You can control the number of characters by adjusting the maxlength attribute.

CSS by T. Afif

25,205 次观看 • 1 年前