.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
justify-content: space-around;
}
.news-block {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
max-width: 100%;
flex-grow:1;
}.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
justify-content: space-around;
}
.news-block {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
flex: 0 0 100%;
max-width: 315px;
}<?php
$id_page = get_the_ID();
$args = array(
'post_type' => 'Выбор страницы или категории где остальные категории перечислены'
//Тут допаргументы вывода
);
$query = new WP_Query( $args );
while ($query->have_posts()) : $query->the_post(); ?>
сам контент
<?php
endwhile;
wp_reset_query();
?><?php $image = wp_get_attachment_image_src(get_post_field('Название поля'), 'full'); ?>
<img src="<?php echo $image[0]; ?>" alt="<?php echo get_the_title(get_post_field('Название поля')) ?>" />.content
width 100%
height 100vh
background-color grey
overflow-y scroll<header></header>
<div class="wrapper">
<div class="content">
<h1>на тебе контент</h1>
<h1>на тебе контент</h1>
<h1>на тебе контент</h1>
<h1>на тебе контент</h1>
<h1>на тебе контент</h1>
<h1>на тебе контент</h1>
<h1>на тебе контент</h1>
<h1>на тебе контент</h1>
<h1>на тебе контент</h1>
<h1>на тебе контент</h1>
<h1>на тебе контент</h1>
<h1>на тебе контент</h1>
<h1>на тебе контент</h1>
<h1>на тебе контент</h1>
<h1>на тебе контент</h1>
<h1>на тебе контент</h1>
<h1>на тебе контент</h1>
<h1>на тебе контент</h1>
<h1>на тебе контент</h1>
<h1>на тебе контент</h1>
<h1>на тебе контент</h1>
<h1>на тебе контент</h1>
</div>
</div>body {
overflow:hidden;
height:100%
}
.wrapper {
height:100%;
position: absolute;
width:100%;
}
header {
width :100%;
height :5em;
background-color :red ;
}
.content{
background-color: white;
padding: 10px;
max-height:100%;
position:relative;
overflow-y:auto;
}.mini-left {flex-direction:column;}<div class="flex row">
<span class="t2 flex column">
<em class="t1"></em>
<em class="t2"></em>
</span>
</div>.flex {
display:flex;
}
.row {
flex-direction:row;
}
.column {
flex-direction:column;
}
.t1 {
flex:1 1 100%;
}
.t2 {
flex:1 1 200px;
}
div {
width:100%;
height:100vh;
background:blue;
}
.flex.column {
background:red;
}
.column .t1 {
background:green;
}<p class="text">text</p>body {
background:#000;
}
.text {
background: linear-gradient(#30CFD0 0%,#30CFD0 50%,#ffff00 50%, #ffff00 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}.bg {
background-size: cover;
height: 100%;
overflow: hidden;
transition: ease all 0.80s;
}
.bg:hover .show-block {
margin-bottom: 0;
}
.bg:hover:first-child {
padding-right:100px;
margin-right:-85px;
transition: ease all 0.80s;
z-index:100;
}
.bg:hover {
padding:0 100px;
margin:0 -85px;
transition: ease all 0.80s;
z-index:100;
}
.bg:hover:last-child {
padding-left:100px;
margin-left:-85px;
transition: ease all 0.80s;
z-index:100;
}