📌 2 lines of CSS to create a responsive Grid

Responsive grid layout using HTML and CSS 🚀

Create this responsive flex layout using just HTML and... CSS 🚀show more

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

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`show more

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().show more

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

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

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

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 ✨show more

¿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:show more

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); }show more

¿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.show more

✍️ 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.show more

pretty incredible what you can do with a few... dozen lines of CSS nowadaysshow more

💡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!show more

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

💡 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.show more