Как сделать чтоб при уменьшении экрана фото блоков не прятались а просто немного уменьшались сами блоки?

Question

[Alexandr Lebedev]

Как сделать чтоб при уменьшении экрана фото блоков не прятались а просто немного уменьшались сами блоки?
Вот ссилка:fess.in.net

Answer 1

[Алексей Струков]

У картинок поставь эти свойства:
background-size: cover;
background-position: center;
background-repeat: no-repeat;

Comments

[Alexandr Lebedev]

Большое спасибо!

Answer 2

[Donald Dak]

У картинок поставь эти свойства:
Не background-size: cover; а background-size: 100% 100%;

<a href="#" style="background-image: url('http://fess.in.net/wp-content/uploads/2016/01/Block-Home-page3-01.png');background-size: 100% 100%;">
		<div class="box">
			<div class="name_project"><h3>Your Text</h3></div>
			<div class="line_project"></div>
			<div class="type"><p>Your Text</p></div>
		</div>
		<div class="bg"></div>
	</a>

Comments

[Alexandr Lebedev]

Большое спасибо!

[Алексей Струков]

Только следует учитывать что при свойстве background-size 100% 100% картинки будут вытягиваться и сжиматься трансформируя изображение. По хорошему им надо еще прописать max и min-width

[Donald Dak]

Алексей Струков: ну да, просто при cover первая картинка все равно прячется

[Алексей Струков]

Don_Donald: а там с первой картинкой вообще что то странное. Сама структура всей этой страницы какая то громоздкая и запутанная мне показалась.

[Alexandr Lebedev]

Алексей Струков: Вроде нормальная структура,можете подсказать что именно не так?

[Алексей Струков]

Alexandr Lebedev:
Ну во первых у тебя там везде проставлены инлайн стили. Теоретически это не страшно, но желательно все стили засовывать в css.
Далее, дивы с классом items должны по идее быть все расположены внутри дива с классом row, но у тебя они находятся внутри друг друга и это выглядит запутанно как то.

Вот такая структура получается у тебя: div.row>div.items>div.items>div.items
А должно быть вот так: div.row>div.items*3
Это синтаксисом Эммета написал, по другому не смог - редактор сообщений не позволяет вставить в виде тегов это к сожалению

[Alexandr Lebedev]

Алексей Струков: Большое спасибо..Возьму на внимание