codepen.io/yoksel/pen/ZyqLGv

#demo #Grid

📒 css-tricks.ir/reference/grid

@CSSTricks

بهترین مقدمه ای ک میتونید برای گرید بخونید

mozilladevelopers.github.io/playground

به آخر پست اضافش کردم برای آیندگان ☺️

css-tricks.ir/reference/grid

#article #grid

👌👌

codepen.io/andybarefoot/full/MERBPx


#demo #Grid

@CSSTricks

👌👌👌


https://haltu.github.io/muuri

#tool #grid #draggable

@CSSTricks

مقدمه خیلی خوب و سریعی هستش واسه گرید

medium.freecodecamp.org/learn-css-grid-in-5-minutes-f582e87b1228

#article #grid

css-tricks.ir/reference/grid

یه دوره مجانی و خوب برای یادگیری گرید

https://cssgrid.io

#free #Grid #video

@CSSTricks

https://naver.github.io/egjs-infinitegrid


#tool #grid

@CSSTricks

ابزار ساخت گرید:

https://www.layoutit.com/grid

به آخر پست سایت اضافه شد:

css-tricks.ir/reference/grid

#tool #grid

@CSSTricks

https://github.com/e-oj/Magic-Grid


#tool #layout #grid

@CSSTricks

https://css-grid-layout-generator.pw


#tool #grid

@CSSTricks

👁🖥👁

https://dev.to/mustapha/css-grid-illustrated-introduction-52l5


به آخر پست سایت هم اضافه شد

http://css-tricks.ir/reference/grid

#article #grid


@CSSTricks

#article #grid #flexbox

یادگیری ترازبندی‌ها در گرید و فلکس‌باکس

https://ishadeed.com/article/learn-box-alignment


این مقاله به آخر پست‌های زیر در سایت اضافه شد:

https://css-tricks.ir/reference/flexbox

https://css-tricks.ir/reference/grid


@CSSTricks

گپ اول با گرید اومد، بعدا فهمیدن عه! این خیلی خوبه برای همه چی داشته باشیم در نتیجه پیشوندش حذف شد.

در شرایط فعلی که همه مرورگرها بدون پیشوند گپ رو برای گرید پشتیبانی می‌کنند دیگه نیازی به نوشتنش نیست ولی اگر هم پروژه ای دارید که پیشوند داره، مشکلی نیست و کار میکنه فعلا.


پست گرید در سایت هم آپدیت شد چند وقت پیش، که اونایی که تازه گرید رو یاد میگیرن گیج نزنن و بجاش گپ بزنن:

https://css-tricks.ir/reference/grid/

در ضمن اتفاق مبارک هم اینکه کروم هم داره گپ رو برای فلکس باکس پیاده سازی میکنه. در حال حاضر گپ روی فلکس باکس در فایرفاکس کار میکنه

اینم پست فلکس باکس در سایت محض احتیاط:

https://css-tricks.ir/reference/flexbox

#css #grid #flexbox #gap


@CSSTricks