win 8

                Never    
CSS
       
* {
    padding: 0;
    margin: 0;
    font-size: 1.6649323621227887vh;
}
body {
    background-image: url(img/bgimg.jpg);
    background-size: cover;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
}
.wrapper {
    margin: 5.202913631633715vh 0 0 7.804370447450572vw;
}
h1 {
    font-size: 4.994797086368366vh;
    font-weight: 100;
    margin-bottom: 6.243496357960458vh;
}
.container {
    font-size: 0;
}
/* Колонка 1 */
.col1{
    display: inline-block;
}
/* height: 180px;
width: 360px; */
.mail {
    height: 18.730489073881373vh;
    width: 18.730489073881373vw;
    background: linear-gradient(to right, #02829a, #15aac0);
    margin: 0 1.0405827263267429vh 0.5202913631633714vw 0;
}
.people {
    height: 18.730489073881373vh;
    width: 18.730489073881373vw;
    background: linear-gradient(to right, #cc4b18, #db5b22);
    margin: 0 1.0405827263267429vh 0.5202913631633714vw 0;
}
.msg {
    height: 18.730489073881373vh;
    width: 18.730489073881373vw;
    background: linear-gradient(to right, #8a0099, #a602b5);
    margin: 0 1.0405827263267429vh 0.5202913631633714vw 0;
}
.desktop {
    height: 18.730489073881373vh;
    width: 18.730489073881373vw;
    background-image: url(img/desktop.jpg);
    background-size: cover;
    margin: 0 1.0405827263267429vh 0.5202913631633714vw 0;  
}
.calendar {
    height: 18.730489073881373vh;
    width: 18.730489073881373vw;
    background: linear-gradient(to right, #4f31b3, #734cd2);
    margin: 0 1.0405827263267429vh 0.5202913631633714vw 0;
}
/* Колонка 2 */
.col2 {
    display: inline-block;
}
.photo {
    height: 18.730489073881373vh;
    width: 18.730489073881373vw;
    background: linear-gradient(to right, #02829a, #15aac0);
    margin: 0 1.0405827263267429vh 0.5202913631633714vw 0;
}
.today {
    height: 18.730489073881373vh;
    width: 18.730489073881373vw;
    background: linear-gradient(to right, #0a8a00, #10a400);
    margin: 0 1.0405827263267429vh 0.5202913631633714vw 0;
}
.col22 {
    display: inline-flex;
}
.ie {
    height: 18.730489073881373vh;
    width: 9.365244536940686vw;
    background: linear-gradient(to right, #2170f3, #3a96ff);
    margin: 0 1.0405827263267429vh 0.5202913631633714vw 0;
}
.store {
    height: 18.730489073881373vh;
    width: calc(9.365244536940686vw - 0.5202913631633714vw);
    background: linear-gradient(to right, #0a8a00, #10a400);
    margin: 0 1.0405827263267429vh 0.5202913631633714vw 0;
}
.col23 {
    font-size: 0;
}
.maps {
    height: 18.730489073881373vh;
    width: 9.365244536940686vw;
    font-size: 1.6649323621227887vh;
    background: linear-gradient(to right, #8b009a, #a400b3);
    display: inline-block;
    margin: 0 1.0405827263267429vh 0.5202913631633714vw 0;
}
.skydrive {
    height: 18.730489073881373vh;
    width: calc(9.365244536940686vw - 0.5202913631633714vw);
    font-size: 1.6649323621227887vh;
    background: linear-gradient(to right, #0048b7, #0259c9);
    display: inline-block;
    margin: 0 1.0405827263267429vh 0.5202913631633714vw 0;
}
.weather {
    height: 18.730489073881373vh;
    width: 18.730489073881373vw;
    background: linear-gradient(to right, #2170f2, #318df5);
    margin: 0 1.0405827263267429vh 0.5202913631633714vw 0;
}
.col3 {
    display: inline-block;
}
.sport {
    height: 18.730489073881373vh;
    width: 18.730489073881373vw;
    background: linear-gradient(to right, #4f31b3, #633cc6);
    margin: 0 1.0405827263267429vh 0.5202913631633714vw 0;
    display: block;
}
.news {
    height: 18.730489073881373vh;
    width: 18.730489073881373vw;
    background: linear-gradient(to right, #ab1d3c, #bb224c);
    margin: 0 1.0405827263267429vh 0.5202913631633714vw 0;
    display: block;
}

Raw Text