HamSter

описание +
скрипт

А что сложного?
Вы хоть пробовали начать делать?!

1. display: inline-block; ...
2. float: left: ...
3. flex

Ширина блока = 100%/количество блоков в строке

+ media запросы для адаптивности!

Скоро уже будут спрашивать как index.html создать )))

Вот такой пример на скорую руку +
еще что-то

Но лучше png

Ресур №1 (обновленный) htmlbook (обновленный)
Ресур №2 w3schools
Ресурс №3 (некоторым нравится) htmlacademy

И конечно же практика.
Сверстать от 5 до 10 макетов.

d="M 128 53C 0 0 0 0 20 -10 10 -20"

Большими буквами нужно.

code

Есть вот такое плагин для фотошопа

Могу мой вариант предложить.
Как раз начала тултипы пытаться делать.

пример

Задать анимацию для картинки с opacity, примерно, на каждые 5%,10%,15% ... 100%

А в стили не пробовали зайти и посмотреть?!
Что тут необычного?

Просто меню на весь экран открывается по клику на кнопку!

Опять много букв и все ни о чем!
Начните изучать и поймете - сможете или нет!!!

1
2
3
4
5
6
...

пример

Попробуйте добавить object-fit: cover;