как можно прописать нужна структура
<div class="grid">
<div class="image"><img src=""></div>
<div class="image"><img src=""></div>
<div class="image"><img src=""></div>
</div>
.layout {
width: 1660px;
+ max-width: 100%;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
row-gap: 100px;
margin: auto;
}
.layout {
- width: 1660px;
+ width: 100%;
+ max-width: 1660px;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
row-gap: 100px;
margin: auto;
}
createEl это js функция для генерации html элемента
let button = createEl('button', {
html: `Web <span>example</span>`,
});
let span = createEl('span', { text: `Web example` });
span['style'] = `font-weight: 700;`;
let button = createEl('button', {
text: `Web`,
children: [ span ],
});
let button = createEl('button');
button['innerHtml'] = `Web <span>example</span>`;
<!-- лэйаут -->
<div @class(['about-content' => request()->is('About')])>
@yield('content')
</div>
<!--Дочерний-->
<div class="pb-5 management-content">
<div class="container">
<h2>MANAGEMENT PHILOSOPHY</h2>
...
</div>
</div>
<tr id="kids_284_apelsin_3_0_m"><td>
<a href="#kids_284_apelsin_3_0_m">Кидс 284 апельсин 3,0м</a>
</td><tr>
tr:target {
background: red;
}