Discover and read the best of Twitter Threads about #CSSgrid

Most recents (5)

If you are learning #CSS then this thread for you.

It might be hard in the beginning to get a good grasp of #flexbox, grid or even CSS selectors.

Here are some games that will make learning CSS fun and easy: 🧵
👾 CSS DInner

In this #CSS game you learn #CSSselectors by picking the food from the table.

Go to flukeout.github.io the game is free.
👾 Flexbox Froggy

Here you learn how to work with #flexbox. You use flexbox rules to put a froggy on a lillypad.

Go to codepip.com/games/flexbox-… the game is free, but requires you to register. There is also a pro version with more advanced levels
Read 8 tweets
Learn CSS Grid for #FREE thread 🧵

Want to learn CSS Grid for free but not sure where to start?
I've compiled a list of free resources that covers:

🧬References
📖Complete Guides
📝Tutorials & Examples
🛠️Tools

⬇️⬇️⬇️

#100DaysOfCode #CodeNewbie #CSS #CSSgrid
Complete Guides [1/2]

@css Complete guide to Grid - css-tricks.com/snippets/css/c…

@codrops CSS Grid reference -tympanus.net/codrops/css_re…

Learn CSS Grid by @jonsuh - learncssgrid.com

CSSGarden - cssgridgarden.com
Read 8 tweets
Empezó como una necesidad de tener un framework de maquetado hecho a mi medida, y se terminó convirtiendo en todo un proyecto, así que decidí subirlo a GitHub. Grill apunta ser un framework puramente CSS y mobile first, basado en #CSSGrid.
github.com/Adrian-Benaven…
Es algo que empecé hace apenas una semana así que está suuuuper pelado de features, la idea es ir mejorandolo con el tiempo. Prometo escribir una documentación en cuanto me libere de la facu. Mientras tanto, tienen un demo (archivo index.html), para ir chusmeando
Le puse licencia GNU 3.0 😉
Read 3 tweets
Les dejo un ejemplito de cómo pueden crearse un set de media queries expresivas con #Sass en solo unas líneas de código. ImageImage
Emmm, el `flex-direction: row` no era necesario ya que es el valor por defecto, se me escapó 😅
Con el mismo array de breakpoints y el mixin del ejemplo anterior, rápidamente podríamos crear una grilla responsive con #CSSGrid haciendo algo como esto... Image
Read 8 tweets
Experimentando por primera vez con CSS Grid, recreando el Buscaminas, viejo juego de Windows codepen.io/alejuss/full/v…#cssgrid #minesweeper
La captura de copeden no motiva nada entrar, pero prometo que se ve bien jajaj
Y desde ya que necesito críticas, sugerencias, hachazos! todo viene bien. 👌🏼
Read 3 tweets

Related hashtags

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!