Squares, response layout

 

Writers in the painting of the night, leaving passers-by wonder

I am here to thank a good programmer

Square layout in response effect

 

 

Using the padding-bottom; position: relative; 

outermost div 
    width: 50%; 
    height: 0; 
    a float: right; 
    text-align = left: Center; 
    background: RGBA (231, 230, 230,. 1); 
    padding-bottom: 50%; 
    position: relative; child element 
    width: 100%; 
    height: 100%; 
    the display: Block; 
    position: Absolute; 
    Top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    margin: Auto; subelement child elements of a div background 
    background: URL ( '') NO-REPEAT Center Center; 
    background-size: 100% 100%;       icons centered 
icon center Jiuhaola