6 بازی CSS برای کمک به شما در یادگیری آسان CSS

1. Flexbox Froggy

این بازی ویژگی های Flexbox از جمله align-item، justify-content، align-content، flex-direction، align-self، flex-wrap، flex-flow و order را در 24 سطح آموزش می دهد.

2. زامبی های فلکس باکس

از Flexbox برای قرار دادن کمان پولادی و زنده ماندن از حملات زامبی ها در هر بخش بازی استفاده کنید.

مفاهیم جدید Flexbox را بیاموزید و از آنها برای غلبه بر چالش ها و پیشرفت در طرح استفاده کنید.

3. دفاع از فلکس باکس

Flexbox Defense یک بازی برج دفاعی است که از دستورالعمل های CSS برای قرار دادن آیتم ها استفاده می کند.

از محتوای توجیهی در کانتینر اصلی استفاده کنید تا برج ها را به طور موثر قرار دهید.

4. باغ توری

Grid Garden دارای 28 سطح دشواری فزاینده است. از خواص شبکه برای رشد باغ هویج خود استفاده کنید.

فوراً نتیجه خود را در ناحیه بصری با ویرایشگر کد مشاهده کنید.

5. نبرد CSS

CSS Battle یک چالش آنلاین است که در آن تصاویر هدف را با استفاده از HTML و CSS با کمترین کد تکرار می‌کنید.

چالش های جدید به طور مرتب اضافه می شوند و یک سیستم رتبه بندی جهانی پیشرفت شما را دنبال می کند.

6. غذاخوری CSS

CSS Diner یک برنامه وب آموزشی با 26 سطح دشواری فزاینده است.

اصول اصلی مانند انتخابگرهای عنصر و کلاس را در سطوح اول بیاموزید.

ممنون 🧡🧡

در اصل منتشر شده است

https://democoding.netlify.app/post/6-css-games-to-help-you-learn-css-easily

برای اطلاعات بیشتر

1. مشترک کانال یوتیوب من شوید
   https://www.youtube.com/@democode

2. اگر به کار آزاد نیاز دارید، نمایه Fiver من را بررسی کنید
   https://www.fiverr.com/amit_sharma77

3. من را در اینستاگرام دنبال کنید
   https://www.instagram.com/fromgoodthings/

4. صفحه فیس بوک من را بررسی کنید
   برنامه نویسی میم ها توسط Coder

5. درخت پیوند
   https://linktr.ee/jonSnow77

از فید RSS ما استفاده کنید

 https://dev.to/feed/jon_snow789