CSS GRID

#cssgrid #css

[Nick Babich @101babich]

💎 UI spacing cheatsheet

This spacing system was created using a principle of proximity: elements positioned close together are perceived as belonging to the same group. This system works well for dynamic spacing.

👇

[CodePen.IO @CodePen]

"CSS Background Effect" by Osorina Irina

https://t.co/2QHHDP10cz

[Atharva @atharvatwts]

CSS Box model explained 👇

[Hasan Toor @hasantoxr]

I made CSS Grid cheat sheet🔥

I hope it can helps you

[Jono Young @chsweb]

Built with #CSS grid and way faster than trying to design this in #Figma.

[Wes Bos @wesbos]

🤯 How am I just finding out about display: contents;

Suuuuper handy for CSS Flexbox + Grid where the children aren't direct descendants.

[Florian @flornkm]

Shiny QR Code, made with CSS

[Àgbà Akin @Kynsofficial]

I was really hungry to create something beautiful today using HTML and CSS and after a while, I remember Tunde and then Chessinslum. So I designed a ChessBoard game using just codes 😍

If you think it's beautiful, kindly retweet for others to see. For my students, code below👇🏽👨🏽‍💻

[Prasenjit @Star_Knight12]

CSS Clamp function 🌟

-> clamp() is a function in CSS that provides a concise way for combining both the min() and max() functions.

⚠ Note: This can be achieved by this also -
min(100px, max(50%, 200px))

[Astro @astrodotbuild]

✅ Most adopted meta-framework
✅ #1 in developer retention
✅ #1 in developer interest

https://t.co/Hia3UH037M

[CSS by T. Afif @ChallengesCss]

The day I will be using the following syntax 😈

It looks strange but everyone will be doing the same in about 2 or 3 years.

The anchor name will be used in at least 2 different places (or more) so using a variable to store that name will be very common.

[Kevin Powell @KevinJPowell]

I've just put out a new video! JavaScript Promsises Crash Course https://t.co/ituXBzQYWR

[Kevin Powell @KevinJPowell]

I've just put out a new video! A great way to keep up with front-end development https://t.co/yfwaznLkBz

[Kevin Powell @KevinJPowell]

I've just put out a new video! The different types of JavaScript functions explained https://t.co/iD6dq1Twa8

[CSS by T. Afif @ChallengesCss]

🎮 New CSS Game!

What about a CSS game that you can play with your keyboard? No, it's not a joke but a reality!

Play "Super CSS Mario", the first CSS-Only game playable using your keyboard. @CodePen demo in the next tweet 👇

0% JavaScript - 100% CSS Magic! Have fun🤩

[freeCodeCamp.org @freeCodeCamp]

React is one of the most popular JavaScript front-end libraries these days.

And a great way to learn it is to build a bunch of projects with it.

In this course, you'll build an accordion, QR code generator, Tic Tac Toe game, expense tracker, and more.

https://t.co/9obrez5fQl

[Shefali @Shefali__J]

Bugs Bugs Bugs😅😅

[CSS GRID @cssgrid]

https://t.co/DUoXKkSM3W

[Abraham John 🦄🦓 @Abmankendrick]

UI/UX Designers and Developers, I recently found a new website for collections of beautiful fonts and font pairing.

Can't believe it's free. Bookmark it for later 💜

website → https://t.co/wDvBaCyouZ