gleendo

Нужному элементу прописываешь следующие стили:

position absolute
  left 0
  top 0
  right 0
  bottom 0
  margin auto
  width: значение;
  height: значение;

Высота больше из за того что img инлайновый элемент. Чтобы сравнять высоту блока и img, нужно либо у img указать display: block, либо у div указать font-size: 0

Если эта картинка используется только с шириной 50px от 500px, то имеет смысл все таки поставить картинку изначально шириной в 50px.

Мой конфиг:

{
	"always_show_minimap_viewport": true,
	"bold_folder_labels": true,
	"color_scheme": "Packages/Material Theme/schemes/Material-Theme-Lighter.tmTheme",
	"draw_white_space": "all",
	"font_face": "Anonymous Pro",
	"font_size": 13,
	"ignored_packages":
	[
	],
	"material_theme_accent_lime": true,
	"material_theme_bold_tab": false,
	"material_theme_disable_fileicons": true,
	"material_theme_disable_folder_animation": false,
	"material_theme_disable_tree_indicator": false,
	"material_theme_small_statusbar": true,
	"material_theme_small_tab": true,
	"overlay_scroll_bars": "enabled",
	"scroll_speed": 0,
	"tab_size": 2,
	"theme": "Material-Theme-Darker.sublime-theme",
	"word_wrap": "true"
}

Минимум

Ну наверное что дальше по книге идет то и учите, конечно если вы по книгам занимаетесь.

PS. DOM, BOM

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

uwebdesign годные подкасты делают.

Сам нашел в чем проблема.
Так как я только что установить win. В ней по умолчанию скрыты расщирения файлов.
Я создал файл stylus "main.styl". Но как оказалось на самом деле файл создался такой "main.styl.txt". Поэтому не хотел компилироваться.

Ну минимум html/css

$susy: (
columns: 5,
....

Смена цвета, но думаю это не то что тебе нужно.
@keyframes animation-color {
0% {background: red;}
10% {background: yellow;}
20% {background: blue;}
30% {background: green;}
40% {background: red;}
50% {background: lightblue;}
60% {background: lime;}
..........
100% {background: yellow;}
}

ororo.tv

overflow: hidden;

Вы про ничоси?)

.social-block {
display: none;
}

image:hover .social-block {
display: block;
}

Весь блок заливаешь серым, верхний текст другим цветом. У верхнего текста делаешь line-height нужно высоты и ширину 100% от серого блока + padding