HTML и CSS не связаны? [закрыто] ⇐ CSS

[Anonymous]

Я впервые использую HTML для создания веб-сайта для школьного проекта. Я пробовал просматривать другие сообщения/вопросы и курс Code Academy, который я прошел, и у меня нет ни малейшего понятия о том, что я делаю неправильно. Похоже, что моя таблица стилей не взаимодействует с моим html.
Это веб-сайт Disruptclothing.shop. Я пытаюсь расположить основное изображение по центру, а не выводить за пределы экрана и не расширять веб-сайт.
Мой index.html:

Код: Выделить всё

disrupt.





[img]-link not allowed-[/img]

Website is under construction!

If you need assistance, please contact support@disruptclothing.com

Disrupt Clothing is a clothing brand that is aimed towards creating stylish and comfortable clothing for mountain bikers. We design everything ourselves, and a percentage of our revenue will be donated to our local trail system.
Not all of it though, I still have to pay the bills ;)
© Disrupt Clothing

Мой main.css:

Код: Выделить всё

.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}

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

Подробнее здесь: https://stackoverflow.com/questions/784 ... -connected