Loading video...

Video Failed to Load

Go Home

Create this layout using nested css grids and media queries 💪

davidm_ml's profile picture

David Mráz

35,961 subscribers

14,283 views • 1 year ago •via X (Twitter)

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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 views • 1 year ago

Create responsive holy grail layout with CSS grid 💪🚀
0:12

Create responsive holy grail layout with CSS grid 💪🚀

David Mráz

133,448 views • 2 years ago

Responsive grid layout using HTML and CSS 🚀
0:11

Responsive grid layout using HTML and CSS 🚀

David Mráz

100,825 views • 2 years ago

Create this sidebar using HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻
0:10

Create this sidebar using HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

David Mráz

65,912 views • 1 year ago

💡 CSS Tip! Two circles, one arrow, and CSS magic. 🪄 A cool demo packed with modern features (anchor positioning, attr(), container queries, shape(), and more!) 🤩 The shape and position of the arrow are fully controlled using CSS.
0:19

💡 CSS Tip! Two circles, one arrow, and CSS magic. 🪄 A cool demo packed with modern features (anchor positioning, attr(), container queries, shape(), and more!) 🤩 The shape and position of the arrow are fully controlled using CSS.

CSS by T. Afif

82,668 views • 5 months ago

¿No sabes crear grids con CSS? ¡No pasa nada! Esta página te crea el layout que quieras: → Genera el código que necesitas en pocos segundos ↓
0:17

¿No sabes crear grids con CSS? ¡No pasa nada! Esta página te crea el layout que quieras: → Genera el código que necesitas en pocos segundos ↓

Miguel Ángel Durán

91,522 views • 1 year ago

Create sidebar using HTML and CSS 🚀 Code in the comments 👨‍💻
0:11

Create sidebar using HTML and CSS 🚀 Code in the comments 👨‍💻

David Mráz

300,099 views • 2 years ago

Create these burgers using HTML and CSS 🚀 Code in the comments 👨‍💻
0:11

Create these burgers using HTML and CSS 🚀 Code in the comments 👨‍💻

David Mráz

33,732 views • 1 year ago

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,846 views • 2 years ago

Create file upload dropzone using HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻
0:10

Create file upload dropzone using HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

David Mráz

89,770 views • 2 years ago

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,631 views • 2 years ago

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,566 views • 2 months ago

created this animated vestaboard, made using Next.js and Tailwind CSS
0:11

created this animated vestaboard, made using Next.js and Tailwind CSS

OPM

12,995 views • 6 months ago

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔
0:12

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔

Surjith S M ✪

203,341 views • 3 years ago

Tailwind CSS Tip ✨ You can create some cool looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔
0:11

Tailwind CSS Tip ✨ You can create some cool looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔

Surjith S M ✪

140,209 views • 3 years ago

Sidekick has 20+ new capabilities in this Edition. My favorite: it can create custom apps. Just prompt Sidekick, and it writes the app code using Polaris UI with Admin API GraphQL queries and mutations.
0:13

Sidekick has 20+ new capabilities in this Edition. My favorite: it can create custom apps. Just prompt Sidekick, and it writes the app code using Polaris UI with Admin API GraphQL queries and mutations.

tobi lutke

17,392 views • 5 months ago

Create this password validator with HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻
0:10

Create this password validator with HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

David Mráz

13,836 views • 10 months ago

Make your UI smarter with scroll-state()! → With CSS scroll-state() queries, you can easily manage stuck, snapped, and overflowing elements.
0:10

Make your UI smarter with scroll-state()! → With CSS scroll-state() queries, you can easily manage stuck, snapped, and overflowing elements.

Chrome for Developers

61,080 views • 1 year ago

Generador de estructuras HTML y CSS con Flexbox y Grid Layout 🤘🏻
0:13

Generador de estructuras HTML y CSS con Flexbox y Grid Layout 🤘🏻

Carmen Ansio

103,577 views • 2 years ago