WEB2 - CSS

그리드

그리드의 기본 사용법

강의

caniuse 홈페이지

 

소스코드

변경사항

 

 

 

그리드 써먹기

강의

 

 

소스코드

변경사항

Grid 기능의 호환성

https://caniuse.com/#feat=css-grid 

댓글

댓글 본문
작성자
비밀번호
  1. Librarian2
    제가 처음 배우는 것이라 잘못 이해한 것일 수도 있지만 궁금해서 질문드립니다.

    두 번째 영상의 마지막에서 유지보수의 효율성을 위해 ol{..}을 #grid ol{...}로 바꾸셨습니다. 그리고 그 목적은 미래에 본문(id='article') 안에 <ol>태그를 사용했을 때 문제가 생기지 않도록 하는 것이라고 하셨습니다.

    그런데 'article'는 'grid'안에 포함되어 있습니다. 따라서 #grid ol{...}은 여전히 article의 <ol>태그에 영향을 줄 것으로 예상됩니다. (핸드폰이여서 직접 코딩으로 검증은 안해봐서 확실하진 않아요.)
  2. Weini Jeon
    슬슬 이해력이 떨어져가네요 CSS 처음부터 다시 한 번 봐야겠어요 ;
  3. 허정우
    완료
  4. yolo
    http://www.minnesotavikingsjerseys.us.com
    http://www.louboutinfemme-pascher.fr
    http://www.michaelkorsoutlet70off.us.com
    http://www.outletchristianlouboutin.us.com
    http://www.offwhite-clothing.com
    http://www.mbtshoescheap.us.com
    http://www.davidyuman.us.com
    http://www.lacostepoloshirts.us.com
    http://www.truereligionoutlet-store.us.com
    http://www.buffalobillsjerseys.us
    http://www.lecoqsportifshoes.us.com
    http://www.fitflop.in.net
    http://www.truereligionoutlet.in.net
    http://www.louis-vuitton-handbags.us.org
    http://www.michae-kors-outlet.ca
    http://www.tennesseetitansjersey.us
    http://www.coachwallets.us.com
    http://www.adidas-uk.me.uk
    http://www.nikeroshe.us.com
    http://www.airmax2017.org
    http://www.davidyurmannecklace.us
    http://www.nikeairmaxinc.net
    http://www.ferragamobelts.com
    http://www.uggoutlets.ca
    http://www.nikeoutletfactory.us.com
    http://www.hermesbirkin.in.net
    http://www.kobeshoes.us.com
    http://www.pandora-outlet.us.com
    http://www.ralphlauren-saleclearance.org.uk
    http://www.mcmstore.us
    http://www.coachoutletcanada.ca
    http://www.mbtshoes-outlet.us.com
    http://www.instylerionicstyler.com
    http://www.canadagoose.name
    http://www.pandorajewelrysoutlet.us.com
    http://www.uggsoutletofficials.us.com
    http://www.truereligionjeans-sale.us.com
    http://www.mulberrybagssale.org.uk
    http://www.asicsshoes.net
    http://www.fjallravenkanken.org
    http://www.coachoutletcoachoutletonline.us.com
    http://www.nikeairmax.in.net
    http://www.outletcoachoutlet.us.com
    http://www.miumiu.us.com
    http://www.cheapuggboot.com.co
    http://www.pradaoutlets.com
    http://www.adidasoutletonline.us.com
    http://www.birkenstock-outlet.us.com
    http://www.y3shoes.org
    http://www.airjordan-retro.us.com
    http://www.nikefree-run.fr
    http://www.pandora-jewelrycanada.ca
    http://www.kendrascottjewelrys.com
    http://www.cheapnhljerseysshop.us.com
    http://www.nike-outletstore.us.com
    http://www.coachoutlet-online.eu.com
    http://www.chromeheartsoutletstore.com.co
    http://www.coach-outletonlines.us.com
    http://www.yeezyboost-350.us.com
    http://www.michaelkors-outlet.us.org
    http://www.uggsoutletstoress.us.com
    http://www.coachoutletonline.org
    http://www.coachoutletsaleonline.us.com
    http://www.airmax-2018.com
    http://www.cheapjordanshoes.us.com
    http://www.pandorajewelry.name
    http://www.coachfactoryoutletofficials.us.com
    http://www.filashoes.us.com
    http://www.uggs.net.co
    http://www.christianlouboutinoutletcl.us.com
    http://www.nikestores.us
    http://www.coach-outletonline.us.org
    http://www.eccoshoesoutlet.us.com
    http://www.niketnpascher.fr
    http://www.converse-uk.me.uk
    http://www.nikeoutletonline.org
    http://www.truereligion-jeansoutlet.us.com
    http://www.canadagoosefactory.us
    http://www.ralphlaurenoutlet.in.net
    http://www.northfaceoutletstore.us.org
    http://www.denverbroncosjerseys.us.com
    http://www.converseshoesoutlet.us.com
    http://www.coach-bags.us.org
    http://www.nikefactory.us
    http://www.kevindurantshoes.us
    http://www.michael-korsoutlet.ca
    http://www.louisvuittonlvoutlet.us.com
    http://www.birkenstocks.us
    http://www.pandora--charms.in.net
    http://www.offwhite.us.org
    http://www.pradaoutlet.us
    http://www.cheapsnapbacks.us.org
    http://www.michaelkorsoutletonlineclearance.in.net
    http://www.birkenstockoutlet.us.org
    http://www.christianlouboutinoutletshoes.us.com
    http://www.asics.us.com
    http://www.nike-store.us.com
    http://www.soccerjerseys.us.com
    http://www.adidas-shoes.us.com
    http://www.cheaphandbagsshipping.com
    http://www.poloralphlaurenoutletpolo.us.com
    http://www.cheapmlbjerseysshop.us.com
    http://www.niketn.fr
    http://www.coach-onlineoutlet.us.com
    http://www.ralph-laurenoutlet.com.co
    http://www.ferragamooutletstore.us.com
    http://www.fitflops-saleclearance.us
    http://www.adidasshoes.us.org
    http://www.ferragamo-outlets.us.com
    http://www.truereligionjeansoutlet.us.com
    http://www.adidas-neo.us.com
    http://www.canada--goose.ca
    http://www.christianlouboutinshoessale.org.uk
    http://www.arizonacardinalsjersey.us
    http://www.christian-louboutinoutlet.us.com
    http://www.philipppleinshirt.com
    http://www.nikeairmaxschweiz.ch
    http://www.coltsjersey.us
    http://www.uggcanada.ca
    http://www.coachfactoryoutlet-storeonline.us.com
    http://www.nikeoutletnike.us.com
    http://www.poloralphlaurensoutlet.us.com
    http://www.christianlouboutinshoes.us.org
    http://www.jimmychoooutlet.us.com
    http://www.airhuaracheuk.org.uk
    http://www.balenciagasneaker.us.com
    http://www.coach-factoryoutletstore.us.com
    http://www.coachoutlet-factory.us.com
    http://www.stoneisland.us.com
    http://www.coachoutletcoachs.us.com
    http://www.uggbootssale.ca
    http://www.cheap-uggs.in.net
    http://www.canadagooseoutlet-stores.com
    http://www.air-jordanshoes.net
    http://www.louboutinshoes.in.net
    http://www.yeezyboost.us.com
    http://www.clarks-shoes.us.com
    http://www.canadasgooseoutlet.us.com
    http://www.edhardyoutlet.us
    http://www.coach-handbags.us.com
    http://www.gymsharkleggings.us
    http://www.pittsburghsteelersjerseys.us.com
    http://www.ralphlaurenpascher.fr
    http://www.canadagooseparka.name
    http://www.truereligionoutletclearance.us.com
    http://www.louboutinoutlet.us.org
    http://www.coachoutletonline.us.org
    http://www.nikeblazers.us
    http://www.ysloutlet.us.com
    http://www.nike-airmax2015.us
    http://www.pandorajewelryoutlet.name
    http://www.mcmoutlets.us.org
    http://www.true-religionjeans.org.uk
    http://www.cheapjordans.com.co
    http://www.michael-korsoutlet.us.com
    http://www.michaelkorshandbags.in.net
    http://www.yetitumbler.us
    http://www.philadelphiaeaglesjersey.us
    http://www.true-religionoutletstore.us.com
    http://www.coachoutletonsale.us.com
    http://www.coachoutletstore-online.us.com
    http://www.katespadestoreoutlet.us.com
    http://www.yeticup.us.com
    http://www.hermesoutletstore.us.com
    http://www.minesotatwinsjerseys.us
    http://www.air-jordans.us.com
    http://www.monclersitoufficiale.it
    http://www.uggbootsclearance.net.co
    http://www.newyorkjetsjersey.us
    http://www.davidyurmanjewelry.us.com
    http://www.jordan3.net
    http://www.cincinnatiredsjersey.us
    http://www.greenbaypackersjersey.us
    http://www.airmaxplus.org
    http://www.valentinooutletstore.us.com
    http://www.baltimoreravens.us.com
    http://www.lacosteoutlet.us.org
    http://www.salomonshoess.us.com
    http://www.coach-outletonlineclearance.us.com
    http://www.christianlouboutin-uk.co.uk
    http://www.uggpas-cher.fr
    http://www.offwhiteshirt.com
    http://www.chelseajerseys.us
    http://www.basketballshoes.us.com
    http://www.converseshoesuk.co.uk
    http://www.uggsoutlet.ca
    http://www.adidas.us.com
    http://www.us-coatsjackets.com
    http://www.coachfactoryoutletstores.us.org
    http://www.supremeclothinguk.co.uk
    http://www.coachoutlet-stores.us.org
    http://www.coachoutletonlinecoachfactory-outlet.us.com
    http://www.coachoutletstores.eu.com
    http://www.nikekyrie2.com
    http://www.texansjerseys.us
    http://www.oaklandraidersjerseys.us
    http://www.polo-ralphlauren.org.uk
    http://www.miksbg.us
    http://www.uggschweiz.ch
    http://www.coachoutlet-onlinesale.us.com
    http://www.nikeoutletonline.us.com
    http://www.kate-spadeoutlet.us.org
    http://www.timberlandboots.us
    http://www.canadagoosejacketsshop.us.com
    http://www.vibramfivefingers.us.org
    http://www.pandorajewelry.us.org
    http://www.outletcoachoutlets.us.com
    http://www.coach-outletclearance.us.com
    http://www.truereligionjeans-outlet.us.com
    http://www.retrojordans.name
    http://www.montblanc.com.co
    http://www.fitflops.in.net
    http://www.nobisjackets.us.com
    http://www.hydroflask.us.com
    http://www.fitflops.us.org
    http://www.coachoutletonlinestore.ca
    http://www.coachoutletclearance.us.com
    http://www.converseuk.org.uk
    http://www.adidas-yeezyshoes.us.com
    http://www.louis-vuittonoutletus.us.com
    http://www.nikefreeflyknit.name
    http://www.persolsunglasses.us
    http://www.adidasoutlet.us.com
    http://www.fredperrypolo-shirts.com
    http://www.nikeoff.com
    http://www.chicagocubsjerseys.us
    http://www.moncler.eu.com
    http://www.nikerevolution3.us
    http://www.coach-outlets.us.com
    http://www.airmax270.org
    http://www.airjordanshoes.us.org
    http://www.persolsunglasses.org
    http://www.true-religion.org.uk
    http://www.nikeairforce1.net
    http://www.christianlouboutinoutlet.us.org
    http://www.mcm-outlets.us.com
    http://www.coach.us.com
    http://www.pandorajewelryoutlet.in.net
    http://www.pradaoutlet-store.us.com
    http://www.canada-gooseoutletstore.name
    http://www.pandoracharms.us.org
    http://www.pandorajewelry-canada.ca
    http://www.dolceandgabbanaoutlet.com
    http://www.outlet-celine.com
    http://www.goosejackets.ca
    http://www.toms.us.com
    http://www.davidyurmanbracelet.us
    http://www.ralphlauren-polo.us.org
    http://www.ugg-italia.it
    http://www.moncleroutlet.us.org
    http://www.michaelkors--outlet.us.com
    http://www.uggs--outlet.net
    http://www.yeti.us.org
    http://www.futbol-baratas.com
    http://www.michaelkorsoutlet-online.in.net
    http://www.cheapraybansunglasses.net.co
    http://www.guccioutletsonline.us.org
    http://www.canadagoosecoats.co.uk
    http://www.kendrascottbracelet.us.com
    http://www.airmaxoutletsaleus.com
    http://www.nbajerseysforsale.us.com
    http://www.suprashoes.us.com
    http://www.valentinooutlet.us.com
    http://www.manoloblahnikoutlet.us.org
    http://www.cheapsnapbacks.us
    http://www.michaelkorsoutlet-clearance.us.org
    http://www.cheap-jordans.in.net
    http://www.uggoutletsale.net.co
    http://www.giuseppe-zanotti.us.com
    http://www.todsoutlet.us
    http://www.canadagoosecoats.us.org
    http://www.coachhandbagsclearance.us.com
    http://www.pandora-jewelry.us.com
    http://www.nikeoutlets.us.org
    http://www.cincinnatibengalsjerseys.us.com
    http://www.coachoutlet-clearance.us.org
    http://www.marc-jacobs.us.org
    http://www.vansshoes.in.net
    http://www.louboutinoutlets.us.com
    http://www.miumiu.us.org
    http://www.thenorthfaceoutlet.us.com
    http://www.canadagooseoutlet-stores.name
    http://www.nikeairmax-schweiz.ch
    http://www.coachoutletclearancesale.us.com
    http://www.toms.in.net
    http://www.edhardy-outlet.name
    http://www.pandoracharms.us.com
    http://www.ralphlaurenpolo.us.org
    http://www.wwwcoachoutlet.us.com
    http://www.coachoutletstoreonlineofficial.us.com
    http://www.chiflatiron.in.net
    http://www.fitflopsaleclearance.us.com
    http://www.nike-shoes.us.com
    http://www.hermesoutlets.us.com
    http://www.coachcom.us.com
    http://www.edhardy.us.com
    http://www.coachoutletonlinecoachoutlet.us.com
    http://www.puma.us.org
    http://www.celine-outlet.us.com
    http://www.persol.us.com
    http://www.seattleseahawksjersey.us
    http://www.jordanretro.name
    http://www.raybansunglassesoutlet.net.co
    http://www.edhardyclothing.in.net
    http://www.coach-factoryoutletonline.us.org
    http://www.michaelkorsoutletclearance-online.us.com
    http://www.adidasyeezy-shoes.us.com
    http://www.monclerdunjacka.se
    http://www.christianlouboutinsale.us.org
    http://www.tomsshoes.us.com
    http://www.clearancefitflopssale.com
    http://www.hydroflasksale.us.com
    http://www.detroitlionsjerseys.us
    http://www.canadagoosejacketsofficial.ca
    http://www.stoneislandsale.org
    http://www.moncler-outlet.us.com
    http://www.uggs-outlet.in.net
    http://www.fitflopssaleclearance.us.com
    http://www.superdry.me.uk
    http://www.christian-louboutins.fr
    http://www.rayban-sunglassesonsale.us.com
    http://www.nike-shoes.us.org
    http://www.adidas-nmd.us.com
    http://www.nikeshoes.us.com
    http://www.coachoutlet.name
    http://www.curry5shoes.us.com
    http://www.vansshoes.us.org
    http://www.coachfactory-outlet.eu.com
    http://www.coachfactoryoutlet-stores.us.com
    http://www.christianlouboutinoutletdiscount.us.com
    http://www.canadiangooseoutlet.us.com
    http://www.coachoutletsonline.us.com
    http://www.adidasslides.us.com
    http://www.coachfactoryoutletonlinesale.us.com
    http://www.gucci--outlet.org
    http://www.hydroflaskcupsale.com
    http://www.nikeoutletstoreonline.us.com
    http://www.cheapuggboots.in.net
    http://www.suicoke.us.com
    http://www.katespadeoutletonline.us
    http://www.rolexwatchesoutlet.us.com
    http://www.clevelandbrownsjerseys.us
    http://www.katespade.in.net
    http://www.outlettruereligion.in.net
    http://www.fitflopsoutlet.us.com
    http://www.airmax90.us.com
    http://www.philadelphiaphilliesjerseys.us
    http://www.dallascowboysjersey.us
    http://www.cheapmlbjerseys.net
    http://www.montblancpenss.us.com
    http://www.rosherun.org
    http://www.polooutlet.us.org
    http://www.christianlouboutinshoes.org
    http://www.kate-spadeoutlet.us.com
    http://www.cristianoronaldojerseys.com
    http://www.valentino.in.net
    http://www.kobeshoes.us
    http://www.ralphlaurenoutletonlinestore.us.com
    http://www.nikehyperdunks.com
    http://www.ferragamoshoes.us
    http://www.parajumpersoutlet.us.com
    http://www.coachoutletonlinecoachfactoryoutlets.us.com
    http://www.coachoutletonlineinc.us.com
    http://www.kappaclothing.us
    http://www.oakleysunglassesoutlet.us.org
    http://www.jordanshoes.us.com
    http://www.ralphlauren-outlet.me.uk
    http://www.mac-makeup.com
    http://www.newenglandpatriotsjerseys.us
    http://www.moncler-jacken.at
    http://www.ugg.co.nl
    http://www.edhardyclothing.us.com
    http://www.maujimsunglasses.com
    http://www.converseshoes.us.com
    http://www.abathingape.us
    http://www.louisvuitton-outlet.us.com
    http://www.redbottomsshoes.us.com
    http://www.ugg.net.co
    http://www.guccioutlets.us.org
    http://www.yeezyboost.us.org
    http://www.canadagoosejacketssale.us.com
    http://www.ferragamooutletstore.net
    http://www.fitflopssaleclearance.us.org
    http://www.cheapjordans.in.net
    http://www.valentinoshoesoutlets.us.com
    http://www.truereligion-outletstore.us.com
    http://www.cazaloutlet.us.com
    http://www.bostonredsoxjerseys.us
    http://www.nikefactory.us.org
    http://www.coachoutlet-clearance.us.com
    http://www.polooutlet.com.co
    http://www.uggsitalia.it
    http://www.jordan31.org
    http://www.nikeoutlet.us.com
    http://www.coachoutletbags.us.com
    http://www.coach-outletstore.us.org
    http://www.cheapoakleysunglassesofficial.us.com
    http://www.tomsshoes.in.net
    http://www.coachoutletonlineoutlet.us.com
    http://www.uggsoutletonlineclearance.us.com
    http://www.coach-outlet.us.com
    http://www.pandorauk.co.uk
    http://www.coachoutlet-stores.eu.com
    http://www.northfacejacket.us.com
    http://www.juicycoutureoutlets.us.com
    http://www.pradaoutletonlinestore.us.com
    http://www.cheapnba-jerseys.us.com
    http://www.truereligionjeansoutlets.us.com
    http://www.gymshark.us.com
    http://www.coach-outletonline.eu.com
    http://www.nikemaxfr.com
    http://www.truereligion-jeanssale.us.com
    http://www.nikeblazerpaschers.fr
    http://www.dolceandgabbanasunglasses.com
    http://www.seattleseahawksjerseys.us.com
    http://www.coachoutlet-online.us.org
    http://www.christianlouboutinoutlet.us
    http://www.pololaurenoutlet.us.com
    http://www.christianlouboutin-outlet.in.net
    http://www.coachcanada-outlet.ca
    http://www.coachoutlet-store.us.org
    http://www.airjordan-uk.org.uk
    http://www.outletmichaelkors.us.com
    http://www.foampositeshoe.net
    http://www.bapeclothing.us
    http://www.fivefingersshoes.us
    http://www.swarovskijewelryoutlet.us.com
    http://www.mbtshoes.in.net
    http://www.northfaceoutlet.us.com
    http://www.coachoutlet-canada.ca
    http://www.adidasshoe.us.com
    http://www.cheapjordansshoes.in.net
    http://www.detroittigersjerseys.us
    http://www.canadagoosejacketscoat.us.com
    http://www.airjordan-14.us
    http://www.maujim.us.com
    http://www.asicso.com
    http://www.jimmychoo.us.com
    http://www.ralphlauren-poloshirt.org.uk
    http://www.pandorajewelryoutlet.us.com
    http://www.true-religionjeans.in.net
    http://www.katespadeoutlets.net
    http://www.polooutlet.us.com
    http://www.oakley-sunglasseswholesale.us.com
    http://www.coach-outletstores.us.org
    http://www.stlouiscardinalsjerseys.us
    http://www.pandoracharmjewelry.us.com
    http://www.katespade-outlet.us
    http://www.coachfactoryoutletsshop.us.com
    http://www.nikeoutlet.com.co
    http://www.ultraboost.us
    http://www.michaelkorsoutletshopping.us.com
    http://www.juicycoutureoutlet.us.com
    http://www.coachoutletofficials.us.com
    http://www.2017nikeairmax.us
    http://www.giuseppe-zanotti-outlet.org
    http://www.moncleroutlets.us.org
    http://www.ultraboosts.us.com
    http://www.atlantafalconsjersey.us
    http://www.pandoracharmssale-clearance.us.com
    http://www.gymsharksales.com
    http://www.poloralph.org
    http://www.oakley--sunglasses.us.org
    http://www.columbiaoutlet-store.com
    http://www.sanfranciscogiantsjerseys.us
    http://www.nikekd10.us.com
    http://www.outlettoms.org
    http://www.coachoutletsonlines.us.com
    http://www.monclerdoudounepascher.fr
    http://www.cheapsoccerjersey.net
    http://www.jordan12.org
    http://www.curry-4shoes.us.com
    http://www.pandorajewelry.in.net
    http://www.airmax2017.us.org
    http://www.pandoraofficial.net
    http://www.kobe-11.com
    http://www.coachfactoryonlineoutlet.com.co
    http://www.adidas-wings.in.net
    http://www.guccioutletstores.us.com
    http://www.coachfactory-outlet.us.com
    http://www.polo-outlets.com.co
    http://www.givenchy-handbags.us
    http://www.rolex-replicawatches.com.co
    http://www.pandorajewelrycanada.ca
    http://www.coachoutlet.us
    http://www.cheap-jordanshoes.us.com
    http://www.wwwnorthface.us.com
    http://www.michaelkorsoutletfactorystore.us.com
    http://www.airmax2017.us.com
    http://www.jordans-fusion.com
    http://www.airjordans.us.com
    http://www.mbtoutlet.us.com
    http://www.fredperryoutlet.us.com
    http://www.edhardy-clothing.us.com
    http://www.kobe12.org
    http://www.maujimsunglasses.us.com
    http://www.chargersjerseys.us
    http://www.jordan4.net
    http://www.coach-factoryoutlets.us.com
    http://www.pradaoutlet.name
    http://www.guccihandbags.us.org
    http://www.adadassuperstar.com
    http://www.christianlouboutinoutlet.name
    http://www.coachoutletsstore.us.com
    http://www.airmax97.org
    http://www.coachoutletstores.com.co
    http://www.pandora-jewelry.us.org
    http://www.coachfactory-outletonline.in.net
    http://www.coachfactory-outletonline.us.org
    http://www.kevindurantshoes.net
    http://www.nike-airmaxpascher.fr
    http://www.christianlouboutinoutletsale.us.com
    http://www.ralphlaurenpolo-outlet.us.com
    http://www.fitflopsoutletsale.com
    http://www.davidyurman-sale.com
    http://www.fjallravenbackpack.us.com
    http://www.airjordanretro.fr
    http://www.underarmouroutletclearance.com
    http://www.christianlouboutinoff.us
    http://www.pradasunglasses.us.com
    http://www.suicokesandals.us
    http://www.ubiqshoes.us
    http://www.newenglandpatriots-jerseys.us
    http://www.kate-spade.us.com
    http://www.yeezyboost350sale.us.com
    http://www.off-whiteclothing.us.org
    http://www.katespade-outlet.in.net
    http://www.coachoutletstoreonlineclearances.in.net
    http://www.nikeflipflops.org
    http://www.stoneislandclothing.us
    http://www.katespadeoutletsale.us.com
    http://www.soccer-shoes.us
    http://www.polooutletfactorystores.us.com
    http://www.mulberry-handbagsoutlet.org.uk
    http://www.hermesbeltoutlet.com
    http://www.coach-outletcanada.ca
    http://www.ugg-outlets.ca
    http://www.versaceclothing.com
    http://www.outlettruereligion.us.com
    http://www.mlbjerseyscom.us.com
    http://www.cheapjordans-shoes.us.com
    http://www.valentino-outlet.us.com
    http://www.mbt-shoes.us.com
    http://www.jordan-shoes.us.com
    http://www.michaelkorshandbagsoutlet.us.org
    http://www.snapbackhats.us.com
    http://www.newyorkyankeesjerseys.us
    http://www.louboutinoutlet.us.com
    http://www.coachfactoryoutlet-onlinestore.us.com
    http://www.true-religionjeanssale.us.com
    http://www.kendrascottrings.us
    http://www.barcelonajersey.us
    http://www.cheap-snapbacks.us.com
    http://www.canadagoosecoatsjackets.us.com
    http://www.cheap-jordans.us.com
    http://www.costasunglassessale.com
    http://www.uggbootsoutlet.ca
    http://www.coach-factoryonline.us.org
    http://www.malone-souliers.us.com
    http://www.coachoutlethandbags.us.com
    http://www.coachoutletstoreonlineclearance.us.com
    http://www.poloralph-lauren.us.com
    http://www.guessfactorycanada.ca
    http://www.jaguarsjersey.us
    http://www.denverbroncosjerseys.us
    http://www.adidasyeezyshoes.us.org
    http://www.coachoutletstoreclearance.us.com
    http://www.louis-vuittonoutlets.us.org
    http://www.lebron13.org
    http://www.pandora-charms.us.org
    http://www.coachoutletonlineco.us.com
    http://www.airjordanpaschere.fr
    http://www.costasunglasses.us.com
    http://www.airforce1.us.com
    http://www.adidasnmdad.us.com
    http://www.fjallravenoutlet.us.com
    http://www.pandora.us.com
    http://www.katespadeoutletsales.us.com
    http://www.coachhandbagsoutlets.us.com
    http://www.prada.us.org
  5. udevapp
    저도 안되더라고요. 찾아보니 아톰 플러그인으로 css 자동완성이 있네요. 이거 해보니 잘됩니다.
    https://atom.io......css
    위로 가셔서 추가해도 되고 아톰패키지에 검색해서 추가해도 됩니다.
    추가하고 아톰 껐다가 켜서 실행해보세요
    대화보기
    • 무기력할지라도
      grid를 gird라고 쓴 오타 하나를 못 찾아서 몇 십분을 헤매다가 겨우 해결했네요 ㅠㅠ 오탈자 확인의 중요성을 배웠습니다...
    • Hyeon-Jun Ha
      완료!
    • 허공
      190504 감사합니다.
    • Fdeveloper
      우와 정리 감사합니다 많은 도움이 되었습니다
      대화보기
      • 최승윤
        완료!
      • 좋습니다.
      • cooipop
        완료요~^^ 점점 어려워지는군요 ㅋ
      • abigail
        ol 태그스타일을..
        ol{
        border-right:1px solid gray;
        width:100px;
        margin:0;
        padding:20px;
        }
        ol{
        padding-left:33px;
        }
        이렇게 여백을 줬다가... 의미있는 마크업을 위해서..

        #grid ol{
        padding-left:33px;
        }
        이렇게 선택자를 변경해주었습니다.... 이부분은 이해해를 했는데..
        변경하기전에 왜.. ol선택자의 패딩 속성을 따로 썼을까요??
      • 뚜기두밥
        ol 은 모든 ol값에 대한 스타일 지정이고 id값 ol은 부모 태그가 id값인 ol태그만 스타일을 지정하는 것이라 그렇습니다.
        대화보기
        • 끝가지간다
          완료!
        • 칠칠석
          2019년 3월 28일

          완료!
        • ol{
          border-right:1px solid gray;
          width:100px;
          margin:0;
          padding:20px;
          }
          #grid ol{
          padding-left:33px;
          }
          이렇게 분리해서 선언하신 이유를 알 수 있을까요?
        • supernet
          감사합니다!!!!
        • 내꿈
          세상에..그리드 시스템이라니...!!!!!!!!!!
        • ZANYABI
          Grid는 html의 디자인을 담당하는 CSS의 기술중 최신기술에 속하는 방법입니다.
          CSS 속성을 적용시키기 위해서는 <태그>가 반드시 필요한데, <h1>이나 <p>와 같은 태그들은 의미를 가지고있으므로 남용하면 정보가 꼬일수 있습니다.
          이때 사용하는 태그가 <div>와 <span> 태그입니다. 이 둘은 아무 의미없는 무색무취의 태그로 <div>는 block level이, <span>은 inline 속성이 기본값으로 적용되어 있습니다.


          Grid를 사용하기 전 선행조건으로는
          1. 그리드를 사용하고자 하는 <태그>가 부모 <태그>로 묶여있어야합니다.
          2. 부모 태그에 id=" "id값을 넣어줘야 합니다. (혹은 class값)
          3. CSS <style> 태그에 #id값={display:grid 를 사용하고 원하는 grid 속성을 넣어주면 됩니다.

          예시로는 grid-template-columns 를 시험해봅시다. 이는 grid의 가로값을 지정해주는 property입니다.
          grid-template-columns:150px 150px 을 지정하면, <div id=grid> 내에 있는 자식<태그>들은 모두 가로길이가 150px 로 고정됩니다.
          grid-template-columns:150px 1fr 을 지정하면, 첫번째 자식태그는 150px로 가로길이가 고정되고, 다른 한 태그는 남은 공간을 차지합니다.

          [핵심★] 이렇게 Grid는 페이지의 전체적인 '틀'을 잡아주는 기술입니다. 전체적인 구조를 Grid로 그리고, '개발자 도구'와 '박스모델' 을 이용해 세부적인 내용을 조절해 웹페이지를 꾸밀수 있습니다.

          +a)
          선택자를 좀더 명확히 지정하는 방법을 알아봅시다.
          ul { }선택자를 지정할 경우, 페이지에 존재하는 모든 <ul> 태그들이 영향을 받을수 있습니다. 하지만. #grid ul { } 처럼 부모태그의 속성을 앞에 입력하면 부모가 grid인 <ul> 태그에게만 선택적으로 영항을 끼칩니다.

          https://developer.mozilla.org......out
          다양한 Gird Property들을 확인하고 시험해볼수 있습니다.
        • 완료!
        • 미니
          완료
        • Seohee Kim
          완료!
        • FooRee
          재밌지만 어렵네요 ㅋㅋㅋㅋ grid 첫번째 값을 처음 div 폭에 안맞춰주면 서로 어긋나서 삐져나오기도 하고ㅋㅋ 개발자도구로 분석하는 재미가 쏠쏠합니다~!! 좋은 강의 항상 고맙습니다 고잉선생님!
        • colums 가 아닌 columns 입니다.
          n이 하나 빠져서 동작하지 않네요.
          세로 [column]
          대화보기
          • 참이
            잘 보고 있습니다
          • 2019-02-16 완료
          • 주하쿠
            감사합니다
          • 호두
            고맙습니다
          • 11. 그리드써먹기 마지막부분(7:24)에서 선택자 묶을 때 안묶이시는 분들
            선택자 사이에 '>'를 포함시켜보세요
            ex) #grid>ol { ~~~~~~~ }
            같은 부분에서 헤매신 분들이 계실까 해서 댓글로 남깁니다
          • dudwn7504
            인터넷 익스플로러에서는 grid-template-columns:150px 1fr; 가 작동하지 않는군요 ㅠㅠ
          • printemps
            <!doctype html>
            <html>
            <head>
            <title>frog's WELL</title>
            <meta charset="utf-8">
            <!-- Global site tag (gtag.js) - Google Analytics -->
            <script async src="https://www.googletagmanager.com/gtag/js?id=UA-133675412-1"></script>
            <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());

            gtag('config', 'UA-133675412-1');
            </script>
            <style>
            body {
            margin:0;
            }
            a {
            color:black;
            text-decoration: none;
            }
            .saw {
            color:gray;
            }
            .active {
            color:red;
            }
            h1{
            font-size: 45px;
            text-align: center;
            border-bottom:1px solid gray;
            margin:0;
            padding:20px;
            }
            ol{
            border-right:1px solid gray;
            width:100px;
            margin:0;
            padding:20px;
            }
            #grid{
            display: grid;
            grid-template-colums: 150px 1fr;
            }
            </style>
            </head>
            <body>
            <h1><a href="well of a frog in a well.html">우물안 개구리의 우물#</a></h1>
            <div id="grid">
            <ol>
            <li><a href="1.html" class="saw active">요리</a></li>
            <li><a href="2.html" class="saw">패션</a></li>
            <li><a href="3.html">운동</a></li>
            <li><a href="4.html">생활 꿀팁</a></li>
            <li><a href="5.html">프로그래밍</a></li>
            <li><a href="6.html">자기계발 및 공부</a></li>
            <li><a href="7.html">컴퓨터</a></li>
            <li><a href="8.html">취업</a></li>
            <li><a href="9.html">영상제작 및 편집</a></li>
            <li><a href="10.html">인테리어</a></li>
            <li><a href="11.html">영어만화 및 번역</a></li>
            <li><a href="12.html">피부</a></li>
            <li><a href="13.html">부동산</a></li>
            <li><a href="14.html">고전인문</a></li>
            </ol>
            <div>
            <h2>요리</h2>
            <p>
            <iframe width="560" height="315" src="https://www.youtube.com/embed/XkwXb48zNQw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            </p>
            <img src="food.jpg" width="70%">
            <p stlye="margin-top:10px;">
            </p>
            </div>
            </div>
            </body>
            </html>

            흠 질문이 있습니다.
            부모 div태그 밑에 있는 ol태그 외에 또다른 div태그에 h2와 p태그가 들어가는데
            저같은 경우는 텍스트가 아닌 동영상과 사진이 들어있습니다.
            그래서인지 그리드가 적용이 안되어 우측공간으로 정렬되어 들어가지 않더라구요.
            혹시 동영상과 사진은 또다른 그리드 태그로 적용을 시켜야 하는걸까요?
            고수님들 알려주세요..ㅠㅠ
          • printemps
            감사합니다!! 한참 고민하고 있었는데 oupi님 댓글보고 크롬에서 열어보니 되더군요! 이제 자도 되겠어요! 감사합니다 굿밤되세요!
            대화보기
            • boriku
              완료:)
            • Juyeon Heo
              완료!
            • cosmic08
              댓쓴님이 <div id="grid"> 요 아이디 밑에 부여한 <ol> 리스트"만" 적용이 되는거에요.
              예를들어, 스타일 밑에다가

              #grid ol{ ----; } 대신 그냥
              ol { ----; }만 쓴다면

              어떤 특정 리스트가 아닌
              <body>사이에 님이 혹시라도 만들었을 다른 ol을 포함한모~든 ol 리스트 </body> 들까지 적용 되는거라고 보면 될듯요. 설명이 어렵네;
              대화보기
              • cosmic08
                하 나 벌써 커스터마이징 시작했다 ㅠ 크... 근데 진짜 복잡한게 뭐냐면 그냥 코드 줄줄 써내려갈땐 안어려운데
                뭐가 잘 안되는거같아서/ 혹은 수정하려고 다시 내가 쓴 코드를 찾는게 진짜 어려운것 같다 ㅋ
                내가 이걸 멀 어떻게 쓴건지... 약간 악보 많이보고 익숙해지듯이 코딩도 많이해봐야 이 체계가 바바로 눈에 들어올것같다
              • 지미츄
                완료
              • 완료!
              • 김수빈
                완료
              • Aimhee
                완료
              • 삼색냥
                완료- 내일 나만의 웹으로 이제까지 한 거 재구성 해보기
              • 한강
                감사합니다. ^^!
              • 한강
                감사합니다. ^^!
              • 첫번째 영상 9분10초 쯤에 익스플로러는 부분적으로 지원(그리드)한다고 설명하시는데 그 부분이 아닌가요?
                대화보기
                • 투게디
                  하나만 더 여쭤볼게요
                  크롬만 쓰다가 방금 익스플로러로 접속을 해보았는데 그리드가 구현이 안되기에
                  이고잉님 소스로 따로 파일을 만들어서 해봤는데도 그리드기능이 작동하지 않더군요.
                  익스플로러가 원래 그리드기능이 작동하지않는건가요 아님 다른오류일까요?
                  -크롬으로 하면 그리드 작동합니다-
                • 투게디
                  질문하나 드릴게요!!
                  <div id="oo">
                  <ul>
                  </ul>
                  <div id="ss">
                  <p>
                  </p>
                  </div>
                  </div>
                  에서 </ul>과 <div id="ss">사이에 <br>을 넣었더니 그리드가 작동되지않는 오류가 생기네요.
                  <br>을뺴면 오류는 해결되지만 왜 저런 오류가 생기는지 궁금하네요.
                • HongKyu Lim
                  감사합니다:)
                • 김정훈
                  완료
                • 서대리
                  너무재밌네요 ㅠㅠ
                버전 관리
                egoing
                현재 버전
                선택 버전
                graphittie 자세히 보기