Как сверстать такие блоки?

Question

[dev400]

Кто нибудь сталкивался?

Answer 1

[Александр]

Вот так, например:

<div class="b-blocks">
    <div class="b-blocks__item">
        <div class="b-blocks__item-inner"></div>
    </div>
    <div class="b-blocks__item">
        <div class="b-blocks__item-inner"></div>
    </div>
    <div class="b-blocks__item">
        <div class="b-blocks__item-inner"></div>
    </div>
    <div class="b-blocks__item">
        <div class="b-blocks__item-inner"></div>
    </div>
</div>

.b-blocks {
    background: #fff;
    padding: 20px;
    width: 800px;
    
    &::after {
        content: '';
        display: table;
        clear: both;
    }
    
    &__item {
        float: left;
        box-sizing: border-box;
        width: 48%;
        height: 300px;
        padding: 10px;
        margin: 1%;
        background-color: gray;
        background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
        
        &-inner {
            width: 100%;
            height: 100%;
            background: #fff;
            
        }
    }
}

https://jsfiddle.net/hyjra7j8/6/