Испытание: пазл на флоатах

Курсы §15. Сетки
1

Вроде всё уложилось, единственное не могу понять как сделать обтекание вокруг фиолетового незафлоченного блока, вроде ставлю его ниже зафлоченного

<!DOCTYPE html>
<html>
    <head>
       <title>Испытание: пазл на флоатах</title>
       <meta charset="utf-8">
    </head>
    <body>
        <div class="puzzle">
            <!--
            Вставляйте дивы с классами
            от block1 до block8 в определённом порядке
            <div class="block1"></div>
            -->
            <div class="block8"></div>
            <div class="block5"></div>
            <div class="block3"></div>
            <div class="block1"></div>
            <div class="block4"></div>
            <div class="block6"></div>
            <div class="block7"></div>
            <div class="block2"></div>
        </div>
    </body>
</html>
2

Поменяйте блок 7 и 8 местами.

4

Фиолетовый блок появился, но все съехало, не помогло

5

Помогло. Теперь осталось еще два блока местами поменять. А какие, я думаю, вы поймете сами.

6

Как не пытался, не могу понять

7

Первые два, если я правильно помню.

1 лайк
8

Да, вы правы, спасибо за помощь!:slight_smile: