src/assets/less/portfolio.less
@import (reference) "libs/constants.less";@import (reference) "libs/mixins.less"; #PORTFOLIO { position: relative; overflow: hidden; &.locked { pointer-events: none; } & > div { margin: auto; max-width: 1200px; width: 100%; position: relative; }} @media screen and (max-width: @SCREEN_1800) { #PORTFOLIO > div { max-width: 1200px; }} @media screen and (max-width: @SCREEN_1500) { #PORTFOLIO > div { max-width: 1000px; }} @media screen and (max-width: @SCREEN_1400) { #PORTFOLIO > div { max-width: 900px; }} @media screen and (max-width: @SCREEN_1200) { #PORTFOLIO > div { max-width: 800px; }} @media screen and (max-width: @SCREEN_1100) { #PORTFOLIO > div { max-width: 700px; }} @media screen and (max-width: @SCREEN_900) { #PORTFOLIO > div { width: 90%; margin: auto; }}