Проект на VUE JS,
знакомый прислал скрин с компьютера, что у него неверно оттображается текст, который синий, он сдвинут.
Я проверял на всех своих браузерах, со всеми выключенными расширениями. Также проверял сайт через инкогнито. У меня отображается отлично, а вот у других людей отображается неправильно
Что может быть причиной этого?
Скрин с моего компь.тера:
Скрин с компьютера другого человека:
<div class="content">
<div class="bio-fade">
<h2>Glinka</h2>
<h2>Anastasya</h2>
</div>
<div class="container">
<div class="bio">
<h1>Hello,</h1>
<h2>I'm GLINKA</h2>
</div>
</div>
</div>
.container {
width: 90%;
margin: 0 auto;
z-index: 999;
}
.content {
display: grid;
width: 100%;
grid-template-columns: 1fr 1fr;
justify-items: start;
position: relative;
overflow: hidden;
margin-left: var(--nav-width);
}
.bio {
height: 20%;
width: 100%;
text-align: left;
z-index: 999;
margin-top: 8em;
}
.bio-fade {
position: absolute;
right: 310px;
top: 60px;
z-index: 1;
}
.bio-fade h2 {
margin: 0;
text-transform: uppercase;
text-align: left;
color: #0b022d;
font-size: 5rem;
font-family: "Montserrat", sans-serif;
font-weight: 900;
}
.bio-fade h2:last-child {
transform: translateY(22px);
}
Простой
