.el {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto auto;
}
.img {
grid-row: span 2;
}
.time {
text-align: right;
}
.el {
position: relative;
}
.cancel {
position: absolute;
right: 0;
top: 0;
}
Вобщем верстать нужно много проектов и разных , я так понял.
И чем больше проектов тем лучше, и типа со временем они отложатся в памяти.
function css() {
return src('./src/assets/scss/style.scss', {sourcemaps: true})
...
+ .pipe(sourcemaps.init())
- .pipe(sass({sourceComments: 'map'}))
+ .pipe(sass())
- .pipe(sourcemaps.init({loadMaps: true}))
- .pipe(sourcemaps.write())
.pipe(groupCssMediaQueries())
...
.pipe(rename({
suffix: '.min',
extname: '.css'
}))
+ .pipe(sourcemaps.write('.'))
.pipe(dest(path.build.css))
.pipe(browserSync.reload({stream: true}))
}
.slide-visible { transform: scale(0.5); } // первый видимый слайд
.slide-visible + .slide-visible { transform: scale(0.75); } // второй
.slide-visible ~ .slide-active { transform: scale(1); } // активный, в центре
.slide-active + .slide { transform: scale(0.75); } // следующий за активным
.slide-active + .slide + .slide { transform: scale(0.5); } // последний видимый
// немного плавности
.slide { transition: transform 1s ease; }