Заверстать блок для сайта
Сверстать нужно только зеленый блок (см. приложенный файл). Важно, все селекторы должны начинаться с id-блока (враппера), так как верстка будет использоваться для WP-плагина, который будет встраиваться во множество сайтов не подконтрольных нам и нужно чтобы стили "родительского сайта" не пересикались со стилями плагина.
- Верстать приедстя по картинке, макета в фигме нет.
- Нужно придумать валидацию для полей на форме (примерно так должно выглядеть https://imgur.com/a/VQKJ9ya, только цвета подобрать).
- Кросбраузерность для актуальныз десктопныз и мобильных браузеров. Опираемся на статистку с этого сайта https://gs.statcounter.com/browser-market-share#monthly-202105-202205-bar.
- Блок должен быть респонсиным и на мобильных разрешениях становиться "вертикальным" (https://imgur.com/a/qQiO1oI).
- На мобильных разрешениях текста в таблице или заголовки могут не влезать (https://imgur.com/a/8APZ5p3). Нужно этот момент учесть и например подставлять три точки, если текст не влезает по ширене (либо другую решение).
- Финальная работа должны быть на чистом CSS и HTML в отдельном файлике.