Проблема с фоновым градиентом o.o | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 3

Проблема с фоновым градиентом o.o

Пытался поставить градиент на фон body, но вертикально он дублируется, а при отключении повторения, остается маленьким, что бы я ни делал. Как растянуть градиент на весь фон? https://code.sololearn.com/W92ZR6OIZYAJ/?ref=app

3rd Nov 2018, 8:07 AM
Priby'tk[off]
Priby'tk[off] - avatar
4 Answers
+ 3
добавь: height: 100vh; к примеру. vh - это view height.
3rd Nov 2018, 8:16 AM
Sokrat_Poghosyan
Sokrat_Poghosyan - avatar
+ 2
NIk01, Спасибо, я так понимаю, это 100px, а можно ли как-то выразить vh в процентах?
3rd Nov 2018, 8:19 AM
Priby'tk[off]
Priby'tk[off] - avatar
+ 2
это не 100 пикселей, это высота окна устройства с каторого открыта страничка (view height). еще можешь поставить: width: 100vw; чтобы сделать фул скрин.
3rd Nov 2018, 8:22 AM
Sokrat_Poghosyan
Sokrat_Poghosyan - avatar
+ 2
NIk01 , огромное спасибо :) p.s. с высотой разобрался, это просто баг с мобилки, заливается не сразу. А то, что показывалрсь, на глаз казалось около 100px, вот я так и решил :)
3rd Nov 2018, 8:27 AM
Priby'tk[off]
Priby'tk[off] - avatar