Фёдор Ананин

.block:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23eefcff;' /%3E%3C/svg%3E");
    left: 0;
    top: -120px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 120px;
    position: absolute;
    width: 100%;
}
.block:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23eefcff;' /%3E%3C/svg%3E");
    right: 0;
    bottom: -120px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 120px;
    position: absolute;
    width: 100%;
    transform: rotateX(180deg);
}

Вопрос: что я делаю не так?

• Что лучше: запущенный проект с несжатыми стилями или незапущенный со сжатыми?
  
• Что лучше: не запущенный проект с десятью страницами или запущенный с тремя?
  
• Что лучше: запущенный проект c jQuery или не запущенный без jQuery?
  

.container {
width: 100%;
max-width: 1200px;
min-width: 320px;
margin: 0 auto;
}