jraccah70

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

Richard Deeming

Репост
Вы уже дважды отправляли этот "вопрос" :
Как мне исправить свой сайт от частых сбоев?[^]
Как я могу убедиться, что этот код работает?[^]

Несмотря на неоднократные просьбы предоставить надлежащее описание проблемы, вы ВСЕ ЕЩЕ я не предоставил никаких полезных подробностей.

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

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

jraccah70

Хорошо, я пришлю вам свой полный css-код и html-код.

Richard Deeming

Нет, - Вот весь мой код." является НЕ правильное описание проблемы.

То, что вы сейчас сделали, равносильно тому, чтобы сказать: "Мой компьютер не работает - вот список всех программ, которые я установил"- Вы совсем не описали проблему!

jraccah70

@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
* {
маржа: 0;
прокладка: 0;
семейство шрифтов: 'Lato', sans-serif;
}

:корень
{
/* светлый цвет текста = ltc */
--ltc: #efefee;
/* темный цвет текста = dtc */
--dtc: #333333;
/* цвет текста эффекта = etc */
--и т. д.: #e7db70;
/* светлый цвет фона = lbg */
--lbg: #efefee;
/* темный цвет фона = dbg */
--dbg: #333333;
/* цвет значка = ic */
--ic: #004bf0;
/* тень */
--тень: 0 0 15px 1px rgba(0,0,0,0.8);
}

тело {
цвет фона: var(--dbg);
цвет: var(--ltc);
прокрутка-поведение: плавное;
}
.контейнер {
максимальная ширина: 1100px;
маржа: авто;
переполнения: скрытые;
}

h2 {
цвет фона: var(--lbg);
цвет: ВАР(--неисправности);
выравнивание текста: по центру;
обивка: 3rem;
маржа-верх: 2rem;
размер шрифта: 2.5 rem;
интервал между буквами: 2px;
}

/* -- ---------------------------------- -- */
/* */
меню {
положение: фиксированное;
цвет фона: черный;
z-индекс: 3;
топ: 0;
ширина: 100%;
}

меню ul {
дисплей: сетка;
сетка-шаблон-столбцы: повтор(5,авто);
justify-content: flex-start;
}

меню а {
текстовое оформление: отсутствует;
текст-преобразования: заглавные;
цвет: var(--ltc);
прокладка: 0,3 бэр;
}

меню ul li {
текстовое оформление: отсутствует;
размер шрифта: 1.2 rem;
шрифт-вес: 800;
прокладка: 0,5 Бэр;
стиль списка: нет;
}

меню ul li:hover,
меню а:наведите курсор мыши
{
цвет: var(--etc);
размер шрифта: 1.3 rem;
}
/* ---------------------------------- */
/* */
.заголовок::после {
содержание: '';
высота: 100vh;
ширина: 100%;
фоновое изображение: url('https://source.unsplash.com/WLUHO9A_xik/1600x900');
фон-размер: обложка;
фон-повторить: не повторять;
фон-положение: центр;
дисплей: блок;
Фильтр: Размытие(10px);
переход: все 1000 мс;
}

.заголовок:Ховер::после
{
Фильтр: Размытие(0px);
}

.заголовок:наведите .содержание
{
Фильтр: Размытие(2px);
}

.header .content:наведите курсор мыши
{
курсор: указатель;
Фильтр: Размытие(0px);
}

.содержание {
положение: абсолютное;
z-индекс: 1;
топ: 20%;
осталось: 50%;
маржа: -150px;
ширина: 300px;
высота: 300px;
выравнивание текста: по центру;
переход: все 1000 мс;
}

.содержание .логотип {
высота: 300px;
подкладка-верх: 5rem;
}

.содержание .название {
размер шрифта: 2.2 rem;
маржа-верх: 1rem;
}

.содержание .цитата {
высота линии: 1.7;
маржа-верх: 1rem;
}

.цитата::раньше {
содержание: открытая цитата;
размер шрифта: 2rem;
}

.цитата::после {
содержание: close-quote;
размер шрифта: 2rem;
}

.b:наведите курсор мыши {
цвет: var(--etc);
размер шрифта: 3rem;
переход: 100 мс легкость входа-выхода;
}
/* */
/* */
сетка-3 {
дисплей: сетка;
сетка-шаблон-столбцы: повтор(3, 1fr);
разрыв: 25px;
выравнивание текста: по центру;
маржа: авто;
}

.услуги:наведите {
box-shadow: var(--shadow);
обивка: 1rem;
цвет фона: черный;
переход: легкость входа-выхода 500 мс;
цвет: var(--etc);
граница-радиус: 15px;
курсор: указатель;
}
/* */
/* Портфолио */
.портфолио-контент img {
ширина: 450px;
граница: 10px var(--ltc) solid;
box-shadow: var(--shadow);
маржа: 0,5 Бэр;
}

.портфолио-контент {
дисплей: сетка;
сетка-шаблон-столбцы: repeat(auto-fill, minmax(450px, 2fr));
align-items: center;
justify-content: пространство-равномерно;
}
/*
*/
сетка-2 {
сетка-шаблон-столбцы: повтор(2, 1fr);
зазор: 20px;
выравнивание текста: слева;
маржа: авто;
}

jraccah70

<title>Grid LP Website



<Меню>

Домой
Услуги
Портфолио О Контакт

Добро пожаловать в отель Менихарт Медиа-сайт

Образцами Lorem ipsum боль сидеть Амет Миннеаполис adipisicing элит.
Exercitationem excepturi laudantium вину eius Долорес ,
labore quidem, maiores at magnam porro
fugit не ipsam Юм Верую, ибо абсурдно, эссе еним Нострум dignissimos ИК earum.

Услуги

Фотография

Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Sint maxime adipisci earum pariatur quisquam. Eveniet,
expedita delectus facilis soluta nihil r
epellendus Натусь большой человек.
Моди в corporis laudantium nesciunt куиа истины.

Видео

Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Sint maxime adipisci earum pariatur quisquam. Eveniet,
expedita delectus facilis soluta nihil r
epellendus Натусь большой человек.
Моди в corporis laudantium nesciunt куиа истины.

Фильм

Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Sint maxime adipisci earum pariatur quisquam. Eveniet,
expedita delectus facilis soluta nihil r
epellendus Натусь большой человек.
Моди в corporis laudantium nesciunt куиа истины.

Портфолио

О

о нас

о нас

Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae non ducimus recusandae incidunt labore
велит praesentium quaerat ут, Амет Нобис.

история

Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae non ducimus recusandae incidunt labore
велит praesentium quaerat ут, Амет Нобис.

Chris Copeland

Это дубликат вопроса вы задали этот предыдущий вопрос- вы нашли время , чтобы прочитать там ответы?