%22%2F%3E%0A%20%20%3Crect%20width%3D%22600%22%20height%3D%22800%22%20fill%3D%22url(%23glow)%22%2F%3E%0A%20%20%3Crect%20x%3D%2240%22%20y%3D%2296%22%20width%3D%22520%22%20height%3D%22640%22%20rx%3D%2222%22%20fill%3D%22url(%23win)%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.18%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%2268%22%20cy%3D%22124%22%20r%3D%226%22%20fill%3D%22%23ff6b6b%22%2F%3E%3Ccircle%20cx%3D%2288%22%20cy%3D%22124%22%20r%3D%226%22%20fill%3D%22%23ffd166%22%2F%3E%3Ccircle%20cx%3D%22108%22%20cy%3D%22124%22%20r%3D%226%22%20fill%3D%22%234cd964%22%2F%3E%0A%20%20%3Crect%20x%3D%22150%22%20y%3D%22114%22%20width%3D%22300%22%20height%3D%2220%22%20rx%3D%2210%22%20fill%3D%22%23fff%22%20opacity%3D%22.1%22%2F%3E%0A%20%20%3Crect%20x%3D%2264%22%20y%3D%22154%22%20width%3D%2260%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%23fff%22%20opacity%3D%22.7%22%2F%3E%0A%20%20%3Crect%20x%3D%22380%22%20y%3D%22154%22%20width%3D%2240%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%23fff%22%20opacity%3D%22.35%22%2F%3E%3Crect%20x%3D%22432%22%20y%3D%22154%22%20width%3D%2240%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%23fff%22%20opacity%3D%22.35%22%2F%3E%3Crect%20x%3D%22484%22%20y%3D%22154%22%20width%3D%2240%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%23fff%22%20opacity%3D%22.35%22%2F%3E%0A%20%20%3Crect%20x%3D%2252%22%20y%3D%22180%22%20width%3D%2286%22%20height%3D%22540%22%20rx%3D%220%22%20fill%3D%22%23000%22%20opacity%3D%22.22%22%2F%3E%3Crect%20x%3D%2266%22%20y%3D%22204%22%20width%3D%2258%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%23fff%22%20opacity%3D%220.4%22%2F%3E%3Crect%20x%3D%2266%22%20y%3D%22242%22%20width%3D%2258%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%23fff%22%20opacity%3D%220.95%22%2F%3E%3Crect%20x%3D%2266%22%20y%3D%22280%22%20width%3D%2258%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%23fff%22%20opacity%3D%220.4%22%2F%3E%3Crect%20x%3D%2266%22%20y%3D%22318%22%20width%3D%2258%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%23fff%22%20opacity%3D%220.4%22%2F%3E%3Crect%20x%3D%2266%22%20y%3D%22356%22%20width%3D%2258%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%23fff%22%20opacity%3D%220.4%22%2F%3E%3Crect%20x%3D%22158%22%20y%3D%22200%22%20width%3D%22150%22%20height%3D%2270%22%20rx%3D%2212%22%20fill%3D%22%23fff%22%20opacity%3D%22.15%22%2F%3E%0A%20%20%3Crect%20x%3D%22322%22%20y%3D%22200%22%20width%3D%22150%22%20height%3D%2270%22%20rx%3D%2212%22%20fill%3D%22%23fff%22%20opacity%3D%22.15%22%2F%3E%0A%20%20%3Crect%20x%3D%22172%22%20y%3D%22216%22%20width%3D%2260%22%20height%3D%229%22%20rx%3D%224%22%20fill%3D%22%23fff%22%20opacity%3D%22.6%22%2F%3E%0A%20%20%3Crect%20x%3D%22172%22%20y%3D%22234%22%20width%3D%2290%22%20height%3D%2218%22%20rx%3D%226%22%20fill%3D%22%23ff7fb5%22%2F%3E%0A%20%20%3Crect%20x%3D%22158%22%20y%3D%22292%22%20width%3D%22314%22%20height%3D%22190%22%20rx%3D%2214%22%20fill%3D%22%23fff%22%20opacity%3D%22.13%22%2F%3E%3Crect%20x%3D%22176%22%20y%3D%22402%22%20width%3D%2222%22%20height%3D%2260%22%20rx%3D%226%22%20fill%3D%22%23ff7fb5%22%20opacity%3D%22.9%22%2F%3E%3Crect%20x%3D%22216%22%20y%3D%22352%22%20width%3D%2222%22%20height%3D%22110%22%20rx%3D%226%22%20fill%3D%22%23ffc2dc%22%20opacity%3D%22.9%22%2F%3E%3Crect%20x%3D%22256%22%20y%3D%22382%22%20width%3D%2222%22%20height%3D%2280%22%20rx%3D%226%22%20fill%3D%22%23ff7fb5%22%20opacity%3D%22.9%22%2F%3E%3Crect%20x%3D%22296%22%20y%3D%22322%22%20width%3D%2222%22%20height%3D%22140%22%20rx%3D%226%22%20fill%3D%22%23ffc2dc%22%20opacity%3D%22.9%22%2F%3E%3Crect%20x%3D%22336%22%20y%3D%22362%22%20width%3D%2222%22%20height%3D%22100%22%20rx%3D%226%22%20fill%3D%22%23ff7fb5%22%20opacity%3D%22.9%22%2F%3E%3Crect%20x%3D%22376%22%20y%3D%22312%22%20width%3D%2222%22%20height%3D%22150%22%20rx%3D%226%22%20fill%3D%22%23ffc2dc%22%20opacity%3D%22.9%22%2F%3E%3Crect%20x%3D%22416%22%20y%3D%22342%22%20width%3D%2222%22%20height%3D%22120%22%20rx%3D%226%22%20fill%3D%22%23ff7fb5%22%20opacity%3D%22.9%22%2F%3E%3Crect%20x%3D%22158%22%20y%3D%22504%22%20width%3D%22314%22%20height%3D%2214%22%20rx%3D%227%22%20fill%3D%22%23fff%22%20opacity%3D%22.25%22%2F%3E%0A%20%20%3Crect%20x%3D%22158%22%20y%3D%22534%22%20width%3D%22314%22%20height%3D%2214%22%20rx%3D%227%22%20fill%3D%22%23fff%22%20opacity%3D%22.18%22%2F%3E%0A%20%20%3Crect%20x%3D%22158%22%20y%3D%22564%22%20width%3D%22220%22%20height%3D%2214%22%20rx%3D%227%22%20fill%3D%22%23fff%22%20opacity%3D%22.12%22%2F%3E%0A%20%20%3C%2Fsvg%3E)
CSS و طراحی
CSS Grid در عمل: چیدمانهای واکنشگرا بدون دردسر
سه الگوی کاربردی Grid برای کارتها، چیدمان مقاله و داشبورد — بدون مدیا کوئریهای زیاد و با پشتیبانی درست از راستبهچپ.
TAG
TAG
سه الگوی کاربردی Grid برای کارتها، چیدمان مقاله و داشبورد — بدون مدیا کوئریهای زیاد و با پشتیبانی درست از راستبهچپ.