Posts on Twitter:

Aquela galera que 💛 CSS reunida no meetup do — Rio.css. E o assuntos de hoje foram , , e . Espaço: – at Le Wagon

This media may contain sensitive material. Learn more View


Show this thread

NEW TUTORIAL ✨ One of my favorite patterns: the inner div. Learn how it can help you control the content in your sections and generally make life easier. Code on :







Révisions d'été : Comment Flexbox décide-t-il de la taille de nos items ? Grâce à ce n'est plus un casse-tête ! Pendant l'été, une révision par jour avec La Cascade




2️⃣6️⃣/1️⃣0️⃣0️⃣ Started the game campaign. Taking the recommended “brain-break”. A lot of fun and a great way to . I fully intend on playing afterwards to learn . Thanks !



Retweet Retweeted Like Liked

R1D11-12 I learned a bit more about the differences between and . The course explains some use cases where flexbox might be more useful than grid and vice versa. Enjoying right now the calming sound of raindrops on my window. 😌




Uma folha de dicas para aprender a usar CSS Grid e Flexbox | A cheat sheet for learning how to use CSS Grid and Flexbox . .










Coraline CSS is a modern framework based on Flexbox. Learn more about its components ->




One of my biggest pain points with flexbox is that there's no non-hacky way to add space between grid items *in all cases. CSS grid has the "grid-gap" property which does just that: adding space between grid items but not on the edges of the whole grid.



Retweet Retweeted Like Liked
Show this thread



Retweet Retweeted Like Liked


Retweet Retweeted Like Liked

Révisions d'été : en fait, plutôt que d'opposer Flexbox et CSS Grid, une bonne idée c'est de les utiliser tous les deux pour ce qu'ils savent faire. En voici un superbe exemple : Pendant l'été, une révision par jour avec La Cascade !




Okay so I’m doing one last / course and I’m moving on. I’ve dipped my toe into the sea before and the waters fiiiiine, so make some room cuz I’m gonna do a cannonball real soon! Thanks for the support🥰



Show this thread

دوره رایگان آموزش FlexBox پروژه محور معرفی دوره در




I thought that modern CSS (grid + flexbox) was going to make stuff like this easy, but I can't figure out how to achieve this layout. Any ideas?! (Here's a starter CodePen to experiment with: )




Révisions d'été : avant de revenir à CSS Grid, le jeune Kevin nous demande un article "pour tout comprendre" sur Flexbox : le voici Kevin, c'est le guide complet de Flexbox : Pendant l'été, une révision par jour avec La Cascade !




A very simple comparison of building a 3-column layout, using both and



Retweet Retweeted Like Liked

Day 2 - Today I studied css flexbox. I think flexbox more useful with css grid.. To create react ui css grid and flexbox will be more helpfull. However with css grid we can build ui with less media quaries.💪



Posts on Tumblr:

youtube

Web Design: Beautiful login page designed with HTML5 and CSS3, SVG graph…

Split.js is an unopinionated utilities for resizeable split views

There is a quote that ‘the computer was born to solve problems that did not exist before’. And now we have a huge range of new tools that appear every day. To be honest, for solving those issues that didn’t exist before… However, one of these new tools we’re talking…

I remember years ago, when I tried to add the like and reblog buttons on my themes and used floats to make it look good, which never happened. I’m so glad flexbox exist, to be very honest. whoever made that possible, thank you.

instagram

Today was a fine #Day4 off #100DaysOfCode. Completed #css #flexbox and #grid in a single sitting at #freeCodeCamp . That paved me the way for stepping into the #tributepage #project. A tribute to #stephenhawking

#code #codes #codechallenge #webdesign #coding #webdev #codepen #webdeveloper #uidesign #ux #ui
@freecodecamp @_100daysofcode @codepen.io
https://www.instagram.com/p/BtBhLKkhPnJ/?utm_source=ig_tumblr_share&igshid=ftlzw7bs0tv8

Made with Instagram

OK so finally i got to combine flexbox with fixed sidebar. it was hard working and omg is the same as using floats. flexbox is the future. In addition, i just created a cute search bar with a icon i designed myself with css only and a cute css only hamburger menu. OH M G!!!!!!!!!!!!!

Grids or Flexbox ?

Grids are new in the web development world. They came to give us more flexibility to organise our web pages. But what about flexbox, that existed before ? Should we not use them anymore ? 

To help us make the choice between flexbox and grids (if a choice has to be made, because they can perfectly work together on a webpage), I want to share this article, from medium.com, written by Ayush Gutpa, a web developer : 

The Beginner’s guide to CSS grids and flexbox

In there, Ayush Gutpa explains us what makes the difference between both CSS features. 

That gave me a better view from what I learnt in class. 

And what about float ? 

Flexbox at CSS
image

Yeah we know, to learn about the responsive web by using percentages is very important for the learning. But how great are flexboxes in the CSS development? So handy and easy to use. I’m looking forward to use them for the next worksheet which we will get.

CSS Flexbox Notes List

The following is a list of all the notes I took while going through various CSS Flexbox tutorials and courses:

youtube

Align Items with Flex Box.