dm

Размеры внутренних ячеек в процентах заданы? Ширина

Вот вам готовая шапка:
HTML

<header>
<div></div>
<div></div>
<div></div>
</header>

CSS

header {
width: 75%;
margin: 0 auto;
}
div {
float: left;
width: 33%;
}
header::after {
content: "";
display: block;
clear: both;
}

Сделайте картинку блочной, а не строчной, как по умолчанию

img {
display: block;
}

Лучше использовать не color, а opacity, потому что вдруг цвет яблока (или чего угодно) со временем решат изменить, придется и color менять.

a: hover {
    opacity: 0.8;
}

opacity делает прозрачность элементу

Если задача сверстать сайт для конкретного разрешения и только для него, то пиксели подходят вполне. Но если вы хотите, чтобы сайт выглядел хорошо на разных разрешениях, тогда em и проценты.

Делаешь блоки, задаешь им ширину 32% (+4% на 2 отступа), задаешь флоат.

HTML

<section>
    <div></div>
    <div></div>
    <div></div>
</section>

CSS

div {
    float: left;
    width: 32%;
    margin-right: 2%
}
div:nth-of-type(3n) {
    margin-right: 0;
}
section::after {
    content: "";
    display: block;
    clear: both;
}