.masonry{
display:grid
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(8, 1fr);
}
.masonry img {
max-width: 100%;
height: 100%;
object-fit: cover;
}
.masonry img:nth-child(1) {
grid-row: span 4;
}
...
4. Куски видео не связаны друг с другом (т.е. это не заранее нарезанное видео), но проигрываться должны бесшовно.
.on()
- process(requestData, body) {
+ async process(requestData, body) {
this.requestData = { ...requestData, ...(JSON.parse(body) || {}) };
if (!this.requestData.action) {
this.sendValidationError('Action is required');
}
- this.getAuthToken();
+ await this.getAuthToken();
switch (this.requestData.action) {
async getOffices() {
- return this.httpRequest('deliverypoints', this.requestData);
+ return await this.httpRequest('deliverypoints', this.requestData);
}
async calculate() {
- return this.httpRequest('calculator/tarifflist', this.requestData, false, true);
+ return await this.httpRequest('calculator/tarifflist', this.requestData, false, true);
}
Посмотрите здесь https://caniuse.com/css-grid график Date relative
У вас условие "last 2 years"
Все браузеры двухлетней давности полностью поддерживают гриды и префиксы им не нужны.