Как написать код к такому фону?

Question

[Mary Zharikova]

Как написать код к фону, который состоит из 3-х блоков?
(Код, который написала я)
.div{
display : inline-block;
width : 640px;
height : 720px;
margin : 0px;
}
#one{
background : #c2e6f2
}
.div{
display : inline-block;
width : 640px;
height: 360px;
margin : 0px
}
#two
background : #3d6a9e;
}
.div{
display : inline-block;
width : 640px;
height : 360px;
margin : 0px
}
#three{
background : #4c846f
}
.div{
display : inline-block;
width : 640px
height : 360px;
margin : 0px
}

Есть ли здесь ошибки?
Заранее спасибо за ответы.

Comments

[Артур Карапетян]

Код на codepen

[Ankhena]

Как написать код к фону

Это вообще очень странно звучит, попробуйте переформулировать.
Опишите, что не работает и приложите картинку, как должно выглядеть.
Свой код оформите на jsfiddle.net или аналоги.

Есть ли здесь ошибки?

есть
Пользуйтесь нормальными редакторами и они вам всё подсветят.

1.

.div

А у вас точно div это класс? И зачем он 3 раза, думаете браузер с первого раза плохо понимает?
2. Между цифрами и px не пишут пробел

[Андрей]

и наверное все-таки height, а не long

[Mary Zharikova]

Ankhena, спасибо

Answer 1

[Александр Алексеев]

зачем .div повторяется?

Answer 2

[NaN]

Обычно сначала пишется html - структура (если это имеется в виду под словом "код"), а потом уже накидываются стили. Особенно на начальном уровне знаний.

Comments

[Mary Zharikova]

KornevaViktoria, именно со стилями в css возникли проблемы, с html их не было, спасибо за ответ :)