allowDropdown, чтобы отключить штатный выпадающий списокsetCountry(), чтобы установить страну, которую вы выберете в отдельном выпадающем спискеshowFlag
/*.photo__section {*/
.photo__colage {
/*height: 857px;*/
/*display: flex;*/
/*display: inline-block;*/
/*justify-content: space-between;*/
/*align-items: center;*/
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.photo__photo {
/*width: 477px;*/
/*height: 357px;*/
/*position: relative;*/
/*flex-direction: column;*/
/*justify-content: space-between;*/
background-size: cover;
/*margin-left: 0;*/
/*vertical-align: right;
/*justify-content: space-between;
flex-direction: column;*/
}.dropdown-bt:focus + .dropdown-content {
display: flex;
}scroll
Overflow content is clipped at the element's padding box, and overflow content can be scrolled into view using scroll bars. User agents display scroll bars in both horizontal and vertical directions if only one value is set, whether or not any content is overflowing or clipped. The use of this keyword, therefore, can prevent scroll bars from appearing and disappearing as content changes.
.news_block_main{
display: grid;
+ grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
- grid-template-columns: repeat(4, 1fr);
- grid-template-areas:
- "img1 img2 img3 img4";
gap: 24px;
margin-bottom: 160px;
}<tr v-for="chunk in chunks">
<td v-for="td in chunk"><div clsas=grid>
<div v-for="spisok in receipt">
<div>№ ID {{ spisok.id }}</div>
<div> Наименование {{ spisok.name }}</div>
<div>Номер {{ spisok.number }}</div>
</div>
</div>.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}