gulp.task("serve", function () {
browserSync.init({
server: "dev"
});
gulp.watch("src/scss/*.scss", ["dev:scss"]);
gulp.watch("src/**/*.html", ["dev:html"]);
gulp.watch("src/js/*.js", ["dev:js"]);
gulp.watch("src/js/libs/*.js", ["dev:js-libs"]);
gulp.watch("dev/*.html").on("change", browserSync.reload);
gulp.watch("dev/js/*.js").on("change", browserSync.reload);
gulp.watch("dev/**/*.css").on("change", browserSync.reload);
});@media (max-width: 991px)
.video-gradient-background {
position: absolute;
width: 120%;
height: 70%;
margin-left: -10%;
background-color: #6f011c;
margin-top: 6%;
}.about-me-left {
font-size: 0;
width:60%;
height:100%;
background-color:lime;
display: inline-block;
}
.about-me-right {
font-size: 0;
width:40%;
height:100%;
background-color:blue;
display: inline-block;
}
@media screen and (max-width: 575px) {
.grid-item {
left: 50% !important;
transform: translateX(-50%);
}
}position: relative элементу, которому задаёшь before/after, position:absolute и top: 5px left: 0px для псевдоэлемента, ещё родителю можно левый паддинг, размером с иконку + отступ