@media screen and (min-width:1235px){.grid{display:grid;margin:0;padding:0;list-style:none;grid-template-columns:auto auto auto;grid-template-rows:auto 600px auto auto auto auto 75px;grid-template-areas:"header header header" "banner banner banner" "work work work" "work work work" "work work work" "skills skills skills" "footer footer footer"}.skills,.work{display:grid;grid-row-gap:60px;grid-template-columns:repeat(5,auto)}.work{grid-template-rows:auto auto auto auto;grid-template-areas:"title title title title title" ". project1 project2 project3 ." ". project4 project5 project6 ." ". project7 project8 project9 ."}.skills{grid-template-rows:auto auto;grid-template-areas:"title title title title title" ". frontskills backskills otherskills ."}.bannersummary{max-width:510px;padding-top:15px;margin-top:-50px}.bannerlogo{grid-template-rows:200px 75px 100px;margin-bottom:-150px}.header{padding:15px;padding-bottom:15px}.headerlink{font-size:25px}.banner{margin-top:25px}.title{padding:0;margin-bottom:-40px}.backskills,.frontskills,.otherskills,.project1,.project2,.project3,.project4,.project5,.project6,.project7,.project8,.project9{margin-bottom:50px;min-width:330px;max-width:330px;max-height:275px;min-height:275px}.pdetail{min-width:320px}.bannername{font-size:50px;margin-top:15px}a{font-size:22px}}