Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <div class="frame">
  <div class="container">
    <div id="gig">
      Gagosian<br/>Exhibitions
    </div>
    <div id="exhibits-zero">
      <div class="exhibitor">
        <span class="name">Piero Golia</span>
        <span class="description">Models, Monuments, <br/> and Scupltures on Pedestals</span>
        <span class="description">Feb 27-Apr 17, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Taryn Simon</span>
        <span class="description">Birds of the West Indies</span>
        <span class="description">Feb 27-Apr 12, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">La Fine de Dio</span>
        <span class="description">Maruzizio Cartedan <br/> Lucio Fontana</span>
        <span class="description">Feb 11-Apr 5, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Kim Gordon</span>
        <span class="description">Design Office<br/>"Coming Soon"</span>
        <span class="description">Apr 5-26, 2014</span>
      </div>
    </div>
    <div id="shape-one">

      <svg width="891px" height="804px" viewBox="0 0 891 804" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Group" fill="#1e1e1e">
            <path d="M486.957296,0.5 L472.361485,8.17501048 L334.390671,80.7251002 L338.375097,82.1751259 L472.361485,12.4252654 L495.26939,0.5 L510.763915,0.5 L472.361485,20.6933998 L348.368898,85.8932276 L352.353324,87.3432533 L472.361485,24.8700975 L519.175361,0.5 L534.566212,0.5 L472.361485,33.2095165 L362.363218,91.0506203 L362.361485,91.0499878 L362.361485,412.271895 L352.361485,408.593724 L352.361485,87.3628235 L348.361485,85.8931274 L348.361485,407.122456 L338.361485,403.444286 L338.361485,82.215271 L334.361485,80.7564087 L334.361485,401.973018 L324.361485,398.294847 L324.361485,75.0146951 L465.579953,1.5 L472.361485,1.5 L472.361485,0.5 L486.957296,0.5 Z M543.076814,0.5 L558.431565,0.5 L472.361485,45.7387331 L472.361485,45.716361 L376.355137,96.2000029 L378.090125,96.8314056 L376.361485,96.2037659 L376.361485,417.421333 L366.361485,413.743163 L366.361485,92.5097046 L363.297154,91.391441 L366.346588,92.5012011 L472.361485,37.3125779 L543.076814,0.5 Z M566.960573,0.5 L582.327812,0.5 L472.361485,58.2689221 L472.361485,58.2276221 L390.363561,101.345124 L394.347986,102.795149 L394.615952,102.655653 L590.852691,0.5 L606.205266,0.5 L472.361485,70.7765406 L472.361485,70.736722 L404.373837,106.474401 L406.644768,107.3229 L404.361485,106.478137 L404.361485,427.72021 L394.361485,424.04204 L394.361485,102.801453 L390.361485,101.348022 L390.361485,422.570771 L380.361485,418.892601 L380.361485,97.6560974 L380.341702,97.6489148 L380.456876,97.588958 L566.960573,0.5 Z M408.682007,107.790914 L614.78342,0.5 L630.119399,0.5 L472.361485,83.3038816 L472.361485,83.2623122 L418.387882,111.633514 L419.161966,111.922739 L418.361485,111.626589 L418.361485,432.869648 L408.361485,429.191478 L408.361485,107.958046 L408.682004,107.790913 Z M422.817783,112.886658 L638.708018,0.5 L653.934041,0.5 L472.361485,95.7999386 L472.361485,95.7608065 L432.374597,116.787405 L436.354868,118.239459 L436.932103,117.938965 L662.52773,0.5 L677.821393,0.5 L472.361485,108.308022 L472.361485,108.278873 L446.375279,121.94339 L450.355549,123.395444 L451.040014,123.039129 L686.088898,0.679101275 L685.995663,0.5 L701.580969,0.5 L472.361485,120.817365 L472.361485,120.800768 L460.315934,127.140077 L460.361485,127.155164 L460.361485,448.317964 L450.361485,444.639793 L450.361485,123.408359 L446.361485,121.938536 L446.361485,443.168525 L436.361485,439.490355 L436.361485,118.244291 L432.361485,116.793322 L432.361485,438.019087 L422.361485,434.340917 L422.361485,113.118191 L422.368196,113.120698 L422.817779,112.886657 Z M472.395478,131.5 L472.361485,131.5 L472.361485,452.731768 L464.361485,449.789232 L464.361485,128.476766 L464.359744,128.47618 L465.190485,128.043718 L709.019714,1.11293215 L708.700642,0.5 L718.361485,0.5 L721.662202,0.5 L721.636748,1.51024166 L472.395478,131.5 Z" id="Combined-Shape"></path>
            <path d="M890,194.190306 L890,204.605064 L791.832535,256.2251 L795.81696,257.675126 L890,208.645863 L890,217.123453 L805.810762,261.393228 L809.795187,262.843253 L890,221.090695 L890,229.63957 L819.805081,266.55062 L819.803348,266.549988 L819.803348,587.771895 L809.803348,584.093724 L809.803348,262.862823 L805.803348,261.393127 L805.803348,582.622456 L795.803348,578.944286 L795.803348,257.715271 L791.803348,256.256409 L791.803348,577.473018 L781.803348,573.794847 L781.803348,250.514695 L890,194.190306 Z M890,242.146414 L833.797001,271.700003 L835.531988,272.331406 L833.803348,271.703766 L833.803348,592.921333 L823.803348,589.243163 L823.803348,268.009705 L820.739018,266.891441 L823.788451,268.001201 L890,233.533175 L890,242.146414 Z M890,254.657675 L847.805424,276.845124 L851.789849,278.295149 L852.057815,278.155653 L890,258.403957 L890,267.159336 L861.815701,281.974401 L864.086632,282.8229 L861.803348,281.978137 L861.803348,603.22021 L851.803348,599.54204 L851.803348,278.301453 L847.803348,276.848022 L847.803348,598.070771 L837.803348,594.392601 L837.803348,273.156097 L837.783566,273.148915 L837.89874,273.088958 L890,245.966402 L890,254.657675 Z M890,279.684926 L875.829746,287.133514 L876.60383,287.422739 L875.803348,287.126589 L875.803348,608.369648 L865.803348,604.691478 L865.803348,283.458046 L866.123867,283.290913 L890,270.861636 L890,279.684926 Z M890,292.364656 L889.803348,292.293322 L889.803348,613.519087 L879.803348,609.840917 L879.803348,288.618191 L879.81006,288.620698 L880.259643,288.386657 L890,283.316092 L890,292.190893 L889.816461,292.287405 L890,292.354362 L890,292.364656 Z" id="Combined-Shape"></path>
            <path d="M890,0.678497316 L890,2.94081323 L599,155.289682 L599,155.229869 L573.013794,168.894386 L576.994064,170.346441 L578.956807,169.324687 L890,7.40460503 L890,15.3850614 L599,167.782777 L599,167.751764 L586.95445,174.091074 L587,174.10616 L587,495.26896 L577,491.59079 L577,170.359356 L573,168.889532 L573,490.119522 L563,486.441351 L563,165.195288 L559,163.744319 L559,484.970083 L549,481.291913 L549,160.069187 L549.006712,160.071695 L550.651421,159.215502 L855.195653,0.678497316 L870.449735,0.678497316 L599,142.802334 L599,142.711803 L559.013113,163.738401 L562.993383,165.190456 L564.899794,164.198027 L879.015441,0.678497316 L890,0.678497316 Z M890,19.7755509 L890,26.7845936 L848.294901,48.4509965 L599.033994,178.450997 L599,178.450997 L599,499.682765 L591,496.740228 L591,175.427763 L590.998259,175.427177 L593.148817,174.307652 L890,19.7755509 Z M807.340605,0.678497316 L822.793161,0.678497316 L599,117.833947 L599,117.687718 L531.012353,153.425398 L533.283284,154.273897 L531,153.429133 L531,474.671206 L521,470.993036 L521,149.752449 L519,149.025734 L520.986502,149.746146 L523.006158,148.694765 L807.340605,0.678497316 Z M831.271242,0.678497316 L846.580289,0.678497316 L599,130.321714 L599,130.213309 L545.026398,158.584511 L545.800482,158.873736 L545,158.577585 L545,479.820645 L535,476.142475 L535,154.909043 L536.839411,153.951214 L831.271242,0.678497316 Z M599,500.450997 L519,500.450997 L599,500.450997 Z" id="Combined-Shape"></path>
            <path d="M890,84.4549603 L731.521176,167.418433 L731.521176,167.272205 L663.533529,203.009884 L665.80446,203.858383 L663.521176,203.01362 L663.521176,524.255693 L653.521176,520.577522 L653.521176,199.336936 L651.521176,198.61022 L653.507678,199.330632 L655.527334,198.279251 L890,76.2195836 L890,84.4549603 Z M890,96.9201736 L731.521176,179.9062 L731.521176,179.797795 L677.547574,208.168997 L678.321658,208.458222 L677.521176,208.162072 L677.521176,529.405131 L667.521176,525.726961 L667.521176,204.493529 L669.360588,203.5357 L890,88.677191 L890,96.9201736 Z M890,109.411538 L731.521176,192.386821 L731.521176,192.296289 L691.534289,213.322888 L695.514559,214.774942 L697.42097,213.782514 L890,113.53144 L890,121.904857 L731.521176,204.874168 L731.521176,204.814355 L705.53497,218.478873 L709.51524,219.930927 L711.477983,218.909174 L890,125.975786 L890,134.37135 L731.521176,217.367263 L731.521176,217.33625 L719.475626,223.67556 L719.521176,223.690646 L719.521176,544.853447 L709.521176,541.175276 L709.521176,219.943842 L705.521176,218.474019 L705.521176,539.704008 L695.521176,536.025838 L695.521176,214.779774 L691.521176,213.328805 L691.521176,534.55457 L681.521176,530.876399 L681.521176,209.653673 L681.527888,209.656181 L683.172597,208.799988 L890,101.13157 L890,109.411538 Z M890,138.346718 L890,145.39987 L731.55517,228.035483 L731.521176,228.035483 L731.521176,549.267251 L723.521176,546.324715 L723.521176,225.012249 L723.519435,225.011663 L725.669993,223.892138 L890,138.346718 Z M731.521176,550.035483 L651.521176,550.035483 L731.521176,550.035483 Z" id="Combined-Shape"></path>
            <path d="M46.1423204,467.495841 C50.5850435,466.88181 56.8001698,466.14446 66.1252962,465.083025 L0.884599105,499.772119 L0.884599105,491.559798 L46.1423204,467.495841 Z M29.301735,471.919858 L0.884599105,487.029518 L0.884599105,486.613985 C13.8433064,479.525475 23.3156851,474.627433 29.301735,471.919858 Z M43.2494788,673.655119 C45.4730248,675.078344 47.9178089,676.515869 50.5838308,677.967696 L0.884599105,704.393246 L0.884599105,696.180925 L43.2494788,673.655119 Z M39.4320936,671.154579 L0.884599105,691.650645 L0.884599105,682.143598 L30.9975852,666.132239 C34.2881999,668.084584 37.1966081,669.754338 39.4320936,671.154579 Z M616.053227,572.86433 L625.125421,576.25288 L483.070141,651.785012 C483.749909,648.873088 484.092518,645.953479 484.097969,643.026186 L616.053227,572.86433 Z M611.048603,570.995056 L483.822174,638.642548 C483.490814,636.066068 482.860934,633.514219 481.932534,630.987001 L601.481538,567.421668 L611.048603,570.995056 Z M316.483298,732.148487 C323.207269,731.684686 329.461621,731.096628 335.246352,730.384315 L200.056435,802.266069 C195.415606,801.93369 190.951136,801.565756 186.657965,801.177841 L316.483298,732.148487 Z M306.907834,732.709571 L179.426885,800.492394 C174.671713,800.021596 170.14327,799.535941 165.833648,799.05976 L289.516474,733.296435 C295.592822,733.174694 301.389942,732.979073 306.907834,732.709571 Z M0.884599105,593.250075 L0.884599105,593.250075 L0.884599105,601.462396 L0.884599105,601.462396 L0.884599105,593.250075 Z M0.884599105,588.719795 L0.884599105,580.453321 L0.884599105,580.453321 L0.884599105,588.719795 L0.884599105,588.719795 Z M134.594732,522.155136 L257.707293,456.695026 C262.139149,457.062128 266.502331,457.479623 270.796837,457.947511 L154.049268,520.023297 C148.232835,520.473986 141.74799,521.184599 134.594732,522.155136 Z M122.803811,523.8942 C115.638304,525.02816 107.916365,526.378498 99.6379938,527.945214 L236.201567,455.333069 C240.956511,455.545792 245.639605,455.811239 250.250849,456.129408 L122.803811,523.8942 Z M156.150966,715.314611 C159.510509,716.226818 162.935336,717.143245 166.425447,718.063893 L55.6719502,776.952572 C52.4574695,776.006598 49.1546284,775.025309 45.7634269,774.008706 L156.150966,715.314611 Z M150.526992,713.77465 L40.3238721,772.370689 C37.1047591,771.397072 33.8102286,770.393314 30.4402806,769.359413 L140.351624,710.918515 C143.670844,711.865869 147.062634,712.817915 150.526992,713.77465 Z M503.280396,530.742619 L512.35259,534.131168 L304.071878,644.875987 L295.301065,641.327191 L503.280396,530.742619 Z M498.275772,528.873344 L290.462696,639.369517 L281.634047,635.797319 L489.143754,525.46245 L498.275772,528.873344 Z M795.971873,578.890167 L805.179331,582.206795 L658.596696,660.146164 L649.456323,656.793867 L795.971873,578.890167 Z M790.892631,577.060567 L644.414088,654.94459 L635.213441,651.570187 L771.15284,579.289926 L781.83318,573.797253 L790.892631,577.060567 Z M585.375759,690.866107 C585.282219,691.049505 585.188043,691.233201 585.093231,691.417197 C583.872272,693.786646 581.81627,697.755032 578.508085,702.730034 L423.702964,785.041377 C414.36563,787.523449 405.064225,789.731653 395.798753,791.665989 L585.375759,690.866107 Z M588.294078,684.784129 L382.351839,794.285559 C374.964501,795.621159 367.600176,796.781349 360.258866,797.766129 L592.343445,674.364568 C591.25699,677.713994 589.907201,681.18718 588.294079,684.784128 Z M76.94549,463.860106 C82.3745378,463.249082 88.5817708,462.552351 95.7032258,461.749494 L0.884599105,512.165453 L0.884599105,504.302399 L76.94549,463.860106 Z M54.871278,680.2183 C57.3051373,681.451864 59.8955278,682.695547 62.6424493,683.949348 L0.884599105,716.78658 L0.884599105,708.923526 L54.871278,680.2183 Z M630.130045,578.122154 L638.816402,581.36659 L475.670866,668.112611 C478.11956,664.485503 480.034614,660.846233 481.416028,657.1948 L630.130045,578.122154 Z M347.029875,728.649185 C348.96756,728.310938 350.837649,727.954805 352.64014,727.580787 C359.213026,726.21691 365.870522,724.659863 372.612629,722.909647 L221.171144,803.432513 C216.511298,803.253609 212.001317,803.027424 207.637471,802.765441 L347.029875,728.649185 Z M0.884599105,605.992676 L0.884599105,605.992676 L0.884599105,613.85573 L0.884599105,613.85573 L0.884599105,605.992676 Z M163.554301,519.499661 L277.786917,458.761101 C281.765528,459.254314 285.683077,459.792335 289.539562,460.375163 L178.003958,519.679696 C173.318254,519.466877 169.101014,519.392875 165.352235,519.45769 C164.762693,519.467883 164.163372,519.481879 163.554272,519.499677 Z M172.134641,719.558541 C175.404391,720.40817 178.729196,721.261358 182.109056,722.118104 L70.7669542,781.31975 C67.6665673,780.439711 64.4668927,779.51999 61.1679303,778.560587 L172.134641,719.558541 Z M517.357214,536.000442 L526.043571,539.244878 L317.30804,650.231529 L308.910247,646.833661 L517.357214,536.000442 Z M810.258574,584.036394 L819.074442,587.211967 L672.390568,665.205167 L663.638932,661.995441 L810.258574,584.036394 Z M573.168075,710.099648 C569.386865,714.909288 564.6033,720.231011 558.575682,725.721615 L479.654675,767.684659 C472.192672,770.175112 464.12433,772.747253 454.888993,775.776939 C450.588013,777.187891 446.294529,778.541714 442.00854,779.83841 L573.168075,710.099648 Z M106.490963,460.543833 C112.887594,459.850554 119.200314,459.218847 125.429123,458.648714 L0.884599105,524.870212 L0.884599105,516.695733 L106.490963,460.543833 Z M67.2825888,686.012423 C70.0205258,687.199273 72.896283,688.395033 75.9098606,689.599701 L0.884599105,729.49134 L0.884599105,721.31686 L67.2825888,686.012423 Z M643.821026,583.235864 L652.851417,586.6088 L441.422584,699.027505 C453.29344,691.364084 462.687745,683.644216 469.6055,675.867903 L643.821026,583.235864 Z M390.744731,717.798919 C405.787177,713.2314 421.232669,707.743713 437.081205,701.335857 L244.263409,803.858898 C241.56674,803.869901 239.097207,803.861259 236.854809,803.832972 C234.265338,803.800308 231.717328,803.751554 229.210258,803.688316 L390.744726,717.798921 Z M0.884599105,618.38601 L0.884599105,626.56049 L0.884599105,626.56049 L0.884599105,618.38601 L0.884599105,618.38601 Z M185.688645,520.123956 L296.096395,461.419113 C299.975145,462.068621 303.789833,462.765141 307.54045,463.508675 L198.95769,521.243159 C194.23674,520.781805 189.813725,520.408738 185.688645,520.123956 Z M187.891361,723.573878 C191.334739,724.434971 194.833213,725.299626 198.386783,726.167843 L86.4808475,785.669284 C83.2383453,784.797608 79.8572512,783.870541 76.3375651,782.888083 L187.891361,723.573878 Z M531.048196,541.114153 L540.078586,544.487088 L445.426202,594.814654 C443.022964,593.417967 440.507715,592.030522 437.880456,590.652318 L531.048196,541.114153 Z M824.153685,589.041566 L833.318717,592.342912 L686.53106,670.391294 L677.432804,667.054443 L824.153685,589.041566 Z M539.907509,740.177939 C534.588864,743.689013 528.68312,747.147975 522.128253,750.466756 C517.415468,752.852876 512.92242,754.956435 508.498427,756.878444 L539.907509,740.177939 Z M135.61039,457.765518 C141.375819,457.293383 147.067182,456.875596 152.684481,456.512157 L0.884599105,537.225586 L0.884599105,529.400493 L135.610387,457.76552 Z M80.8152584,691.521735 C83.5935356,692.589315 86.4783743,693.663784 89.4697744,694.74514 L0.884599105,741.846714 L0.884599105,734.02162 L80.8152584,691.521735 Z M432.745427,504.397145 L441.389849,507.625918 L235.466542,617.117282 L227.10929,613.735818 L432.745427,504.397145 Z M657.856042,588.478075 L666.500464,591.706847 L268.325947,803.419994 C262.709974,803.578631 257.586035,803.694713 252.954129,803.76824 L657.856042,588.478075 Z M0.884599105,631.09077 L0.884599105,638.915863 L0.884599105,638.915863 L0.884599105,631.09077 L0.884599105,631.09077 Z M206.087809,521.982288 L313.672447,464.778521 C317.145052,465.52894 320.560609,466.321221 323.919118,467.155363 L218.142718,523.397672 C213.949239,522.873968 209.930936,522.402173 206.087809,521.982288 Z M204.235863,727.588112 C207.573717,728.393674 210.958581,729.202274 214.390455,730.013913 L102.119619,789.709376 C98.9803394,788.937052 95.6619088,788.093129 92.1643275,787.177605 L204.235863,727.588112 Z M545.083211,546.356363 L553.727633,549.585135 L456.023481,601.535355 C453.941966,600.085744 451.744705,598.645684 449.431698,597.215174 L545.083211,546.356363 Z M838.397959,594.172511 L847.171268,597.332754 L700.282682,675.4348 L691.573295,672.24057 L838.397959,594.172511 Z M162.280295,455.940251 C168.067231,455.62532 173.773128,455.369856 179.397985,455.173858 L0.884599105,550.091108 L0.884599105,541.755867 L162.2803,455.94025 Z M94.5748062,696.561027 C97.6547969,697.639464 100.839284,698.724657 104.128268,699.816603 L0.884599105,754.712236 L0.884599105,746.376994 L94.5748062,696.561027 Z M446.394473,509.495192 L455.602459,512.934461 L249.207004,622.676871 L240.304911,619.074956 L446.394473,509.495192 Z M671.505088,593.576122 L680.713074,597.015391 L601.420075,639.176226 L592.142889,635.773751 L671.505088,593.576122 Z M277.369257,803.14186 L590.884084,636.44307 C592.12907,638.574398 593.132936,640.819047 593.895681,643.177018 L294.20107,802.527468 C288.228709,802.763554 282.618105,802.968351 277.369257,803.14186 Z M1.17847586,643.289887 C2.86979268,645.203026 4.67878585,647.02661 6.56213412,648.762587 L0.884599105,651.781385 L0.884599105,643.446144 L1.17847583,643.289887 Z M225.003329,524.280101 L329.655373,468.635622 C333.114041,469.562312 336.509772,470.535183 339.842568,471.554236 L237.449645,525.997519 C233.154616,525.381707 229.005844,524.809234 225.003329,524.280101 Z M220.297872,731.403163 C221.510608,731.686774 222.729035,731.970753 223.953154,732.255101 C227.229669,732.398453 230.457308,732.528873 233.63607,732.64636 L119.104468,793.543893 C115.747544,792.874692 112.04242,792.066327 107.989098,791.118799 L220.297869,731.403166 Z M558.732257,551.45441 L567.940243,554.893679 L465.833097,609.185011 C463.917275,607.492959 461.850739,605.813342 459.633488,604.14616 L558.732257,551.45441 Z M852.25051,599.162353 L861.595785,602.528624 L714.602103,680.686551 L705.324917,677.284077 L852.25051,599.162353 Z M188.416499,454.908906 C193.655901,454.784071 198.822755,454.712471 203.917062,454.694106 L0.884599105,562.648381 L0.884599105,554.621389 L188.416505,454.908905 Z M109.400204,701.543745 C112.469927,702.536376 115.62489,703.534516 118.865093,704.538167 L12.1689459,761.269515 L3.96532923,757.604463 L109.400204,701.543745 Z M460.607083,514.803735 L469.474544,518.115815 L262.618254,628.103255 L254.045373,624.634544 L460.607083,514.803735 Z M685.717698,598.884665 L694.585159,602.196745 L615.396412,644.302149 L606.46231,641.025502 L685.717698,598.884665 Z M303.431482,802.149851 L594.932481,647.156021 C595.420546,649.586447 595.677434,652.125521 595.703152,654.77324 L319.893126,801.424033 C319.328744,801.450324 318.764498,801.475556 318.20039,801.499726 C313.076382,801.733822 308.153413,801.950531 303.431482,802.149851 Z M9.77422551,651.584967 C11.7773452,653.266091 13.8332863,654.856178 15.8952914,656.357331 L0.884599105,664.338658 L0.884599105,656.311666 L9.77422551,651.584967 Z M241.645026,732.918203 C246.57693,733.07032 251.384769,733.18961 256.068545,733.276075 L137.683459,796.222541 C133.664361,795.831149 129.578098,795.363795 125.4478,794.701364 L241.645026,732.918203 Z M572.944867,556.762953 L581.812328,560.075033 L473.90935,617.448064 C472.41588,615.640244 470.758225,613.845971 468.936384,612.065245 L572.944867,556.762953 Z M866.675027,604.358224 L875.6747,607.600005 L728.57844,685.812474 L719.644338,682.535827 L866.675027,604.358224 Z M212.401199,454.713286 C217.768532,454.757413 223.052703,454.862564 228.253712,455.028738 L86.6440682,530.323922 C72.2349355,533.194773 57.8191723,538.349462 43.3967788,545.787991 C26.7132296,554.392738 12.5425031,563.729159 0.884599105,573.797253 L0.884599105,575.92304 L0.884599105,575.92304 L0.884599105,567.178661 L212.401207,454.713286 Z M124.271325,706.193903 C127.699413,707.232192 131.217638,708.276308 134.826001,709.326251 L25.7356977,767.330604 L16.7989094,763.338 L124.271325,706.193903 Z M474.479168,519.985089 L484.13913,523.593176 L276.795678,633.839645 L267.456623,630.060929 L474.479168,519.985089 Z M699.589783,604.066019 L709.249745,607.674106 L630.171206,649.720911 L620.438647,646.151425 L699.589783,604.066019 Z M329.438245,800.879083 L595.522408,659.399624 C595.259222,662.471894 594.711935,665.677684 593.880557,669.016991 L349.193159,799.119588 C342.589448,799.848919 336.004476,800.435418 329.438245,800.879083 Z M19.5638921,658.936982 C22.106468,660.666501 24.6157655,662.261493 27.0029305,663.725954 L0.884599105,677.613317 L0.884599105,668.868938 L19.5638921,658.936982 Z M264.362779,733.396233 C270.023681,733.455009 275.491264,733.462637 280.76553,733.419114 L158.794019,798.272517 C157.422078,798.118038 156.074535,797.966189 154.751086,797.817903 C151.556393,797.459954 148.289438,797.171918 144.964246,796.881559 L264.362779,733.396233 Z M586.816952,561.944307 L596.476914,565.552394 L480.355462,627.295265 C479.268046,625.065105 477.943666,622.854498 476.382322,620.663442 L586.816952,561.944307 Z M880.753942,609.429604 L890.557932,612.96111 L743.353234,691.231236 L733.620675,687.66175 L880.753942,609.429604 Z" id="Combined-Shape-Copy"></path>
        </g>
    </g>
</svg>
    </div>
    <div id="txt-btm">
      <b>Attuned to the dynamics of today’s
world, Gagosian Gallery</b> <span class="serif">has evolved into a global network, currently maintaining fourteen distinct exhibition spaces in eight cities. Over the last three decades, Gagosian Gallery has presented an unparalled program of exhibitions
by legendary figures. Together with its distiguished historical program, Gagosian presents a roster of ambitious exhibitions by the world’s most acclaimed living artists. The exhibitions are accompanied by beautifully designed scholarly
catalogues and monographs. Gagosian also publishes catalogues raisonnés on several key artists, as well as a vibrant quarterly magazine for its global constituency.</span>
    </div>
    <div id="exhibits-one">
      <div class="exhibitor">
        <span class="name">Nan Goldin</span>
        <span class="description">Scopophila</span>
        <span class="description">Mar 21-Jun 27, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Glenn Brown</span>
        <span class="description">May 8-Jun 21, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Alexander Calder</span>
        <span class="description">Gouches</span>
        <span class="description">May 8-Jun 14</span>
      </div>
      <div class="exhibitor">
        <span class="name">Richard Prince</span>
        <span class="description">Canal Zone</span>
        <span class="description">May 8-Jun 14, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Group Show</span>
        <span class="description">May 5-Jun 5, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Giacometti</span>
        <span class="description">Withouse End</span>
        <span class="description">May 5-Jun 5, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Guiseppe Ponone</span>
        <span class="description">Circling</span>
        <span class="description">Apr 11-May 31, 2-14</span>
      </div>
      <div class="exhibitor">
        <span class="name">Jean Nouvel</span>
        <span class="description">Tripeyques</span>
        <span class="description">Apr 15-May 31, 2014</span>
      </div>
    </div>
    <div id="exhibits-two">
      <div class="exhibitor">
        <span class="name">Julian Schnabel</span>
        <span class="description">View of Dawn in the<br/>
        Tropics. Paintings, 1989-1990</span>
        <span class="description">Apr 17-May 31, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Alberto Di Favio</span>
        <span class="description">Apr 3-May 24, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Thomas Ruff</span>
        <span class="description">Photographs and Negatives</span>
        <span class="description">Apr 19-May 31, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Portraits of America</span>
        <span class="description">Diane Arbus | Cady Noland</span>
        <span class="description">Feb 7-May 23, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Urs Fischer</span>
        <span class="description">mermaid / pig / beo w/ hat hat</span>
        <span class="description">Apr 5-May 23, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Frank Gehry</span>
        <span class="description">Fish Lamps</span>
        <span class="description">Feb 26-May 6, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Tatiana Trouvé</span>
        <span class="description">I cento tinoli in 36,524 giorni<br/> (The hundred titles in 36,524 days)</span>
        <span class="description">Nov 22, 2013-Jan 4, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">PilagesTold</span>
        <span class="description">Feb 26-Apr 17, 2014</span>
      </div>
    </div>
    <div id="exhibits-three">
      <div class="exhibitor">
        <span class="name">Farewell Bill</span>
        <span class="description">Feb 13-Mar 29, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Richard Prince | <br/>
        Roe Ethridge</span>
        <span class="description">Apr 5-May 5, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Vicotre de <br/>
        Castellano</span>
        <span class="description">Precious objects</span>
        <span class="description">Mar 11-Apr 26, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Rudolf Stingel</span>
        <span class="description">Mar 4-Apr 19, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Rachel Whiteread</span>
        <span class="description">Jan 28-Mar 22, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Matter and Memory</span>
        <span class="description">Ancient Chinese Art Treasures</span>
        <span class="description">Mar 16-22, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Richard Serra</span>
        <span class="description">New Sculpture</span>
        <span class="description">Oct 26, 2013-Mar 15, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Kathryn Andrews | <br/>
        Alex Israel</span>
        <span class="description">Jan 16-Mar 15, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Richard <br/>
      Artschwager</span>
        <span class="description">No More Running Man</span>
        <span class="description">Jan 9-Feb 22, 2014</span>
      </div>
    </div>
    <div id="exhibits-four">
      <div class="exhibitor">
        <span class="name">Fish Lamps</span>
        <span class="description">Jan 16-Feb 22, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Y.Z. Kaml</span>
        <span class="description">Paintings</span>
        <span class="description">Jan 16-Feb 22, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Group Show</span>
        <span class="description">Jan 23-Feb 19, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Robert Therrian</span>
        <span class="description">Jan 11-Feb 15, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">William Eggleston</span>
        <span class="description">Art Zenith</span>
        <span class="description">Jan 11-Feb 15, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Victoire de <br/> Castellano</span>
        <span class="description">animalsvegetablemineral</span>
        <span class="description">Jan 25-Feb 1, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Dennis HOpper</span>
        <span class="description">Dec 28, 2013-Jan 31, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Balthus</span>
        <span class="description">The Last Sanders</span>
        <span class="description">Sep 26-Jan 18, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">David Smith</span>
        <span class="description">The Forgings</span>
        <span class="description">Oct 29, 2013-Jan 11, 2014</span>
      </div>
      <div class="exhibitor">
        <span class="name">Piotr Uklanksi Floored</span>
        <span class="description">Nov 6, 2013-Jan 10, 2014</span>
      </div>
    </div>
  </div>
</div>
<span id="credits">
  Original artwork by Jose Berrio, found <a href="https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/857caf19134649.562dd08ec2a22.jpg" target="_blank">here</a>.
</span>
              
            
!

CSS

              
                @import url("https://fonts.googleapis.com/css?family=Merriweather:400,400i,700");

:root {
  --black: #1E1E1E;
}

body {
  color: var(--black);
}

.frame {
  padding: 100px;
  display: grid;
  justify-content: center;
}

.container {
  overflow: hidden;
  font-family: Helvetica;
/*   border: 1px solid var(--black); */
  width: 888px;
  height: 1180px;
  display: grid;
  grid-template-columns: 4.7% 14% 2% 14% 17%  15.5% 15.5% 10.7% 8%;
  grid-template-rows: 6.7% 4.4% 4.4% 2% 4.4% 3% 9.5% 4.4% 4.4% 4.4% 5.25% 7% 5.25% 3% 1.5% 2.5% 2% 21% 2%;
  -webkit-box-shadow: 8px 10px 28px -5px rgba(0,0,0,0.36);
-moz-box-shadow: 8px 10px 28px -5px rgba(0,0,0,0.36);
box-shadow: 8px 10px 28px -5px rgba(0,0,0,0.36);
}

#gig {
  line-height: .95em;
  font-size: 70px;
  font-weight: bold;
  grid-column: 2;
  grid-row: 7 / span 5;
  transform: rotate(-90deg);
  align-self: start;
}

#shape-one {
  grid-column: 1;
  grid-row: 1;
  margin-top: -2px;
  margin-left: -1px;
}

#shape-two {
  grid-column: 9;
  grid-row: 1;
  justify-self: end;
}

#txt-btm {
  grid-column: 2 / span 3;
  grid-row: 18;
  font-size: 9px;
  line-height: 1.4;
  width: 36ch;
  hyphens: auto;
}

.serif {
  font-family: Merriweather;
  font-size: 9px;
}

#exhibits-zero {
  grid-column: 4;
  grid-row: 6;
  margin-top: -2px;
}

#exhibits-one {
  padding-left: 16px;
  grid-column: 5;
  grid-row: 19;
  align-self: end;
}

#exhibits-two {
  grid-column: 6;
  grid-row: 19;
  align-self: end;
}

#exhibits-three {
  grid-column: 7;
  grid-row: 19;
  align-self: end;
}

#exhibits-four {
  grid-column: 8;
  grid-row: 19;
  align-self: end;
}

.name {
  font-weight: bold;
  font-size: 9px;
  display: block;
}

.description {
  font-size: 8px;
  display: block;
}

.exhibitor {
  padding-bottom: 8px;
}

#credits {
  font-family: Merriweather;
  font-size: 8px;
  margin: 0;
  float: right;
}

#credits a {
  color: var(--black);
  text-decoration: none;
  box-shadow: inset 0 -0.07em 0 #FD448575;
  transition: box-shadow 270ms cubic-bezier(0.77, 0, 0.175, 1),
    color 270ms cubic-bezier(0.77, 0, 0.175, 1);
}

#credits a:hover {
  box-shadow: inset 0 -0.85em 0 #FD448575;
}
              
            
!

JS

              
                
              
            
!
999px

Console