ПРАКТИКА И ДЗ

What We Do

Analytics

Первый
Второй
Третий
Четвёртый
Пятый
Шестой
Седьмой

Marketing

We develop the main conception of a company according to the company's targets and develop strategies of competitive advantage, branding for new companies, or rebrand products.

Concepts

We develop the strategy, conception, and ideology of the project, offer you urban planning ideas and technical solutions, create a full project plan.

Let's go!

Подсказка по коду из урока №6 Видео и картинка

Ниже я дублирую часть кода и его свойства, на тот случай, если вы забыли какое-то значение или как оно пишется. Также буду вставлять готовые решения, которые мы разобрали в рамках урока

/* Стили для видео */
.t331 video {
    object-fit: cover;
    object-position: top right;
}

/* Стили для изображения в потоках */
.t-feed__post-popup__cover-wrapper {
    height: 200px;
}
.t-feed__post-popup__cover-wrapper img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

Max Holden

Founder & Art Director
Eva Stark

Customer Support
Julia Bush

Design Director

Visual Research

Tilda Publishing

Digital Storytelling

The Future

Digital Storytelling

The Future

Accessories by Ionna Vautrin

108

₽

Подсказка по коду из урока №5 Соотношение сторон

Ниже я дублирую часть кода и его свойства, на тот случай, если вы забыли какое-то значение или как оно пишется. Также буду вставлять готовые решения, которые мы разобрали в рамках урока

.t774__imgwrapper {
    padding: 0 !important;
    width: 100%;
    aspect-ratio: 2 / 1;
}

.t331 .t-popup__container {
    height: 400px;
    aspect-ratio: 1 / 1;
}

.t331__wrap-video {
    height: 100% !important;
}

.t331__wrap-video > div {
    height: 100% !important;
}

/* Варианты записи */
aspect-ratio: 3 / 6;
aspect-ratio: 1 / 2;
aspect-ratio: 0.5 / 1;
aspect-ratio: 0.5;

Translation

Official, technical, legal, medical, financial, business documents, website translations, certified translations.

Interpretation

Simultaneous, consecutive, liaison, whispered, and telephone interpreting for any kind of event.

Proofreading and editing

Correction errors in translation, mistranslation, typographical mistakes, or excessively literal translation.

Rewriting and copywriting

Adapting texts and documents to a brand new market and readership, choosing a suitable writing style.

Audio transcription

Conversion of speech (from an audio or video source file) into an electronic text document.

Multilingual subtitles

Transcribing the voice-over and the titles in the video. Synchronizing the subtitles and the video.

Подсказка по коду из урока урока №4 Калькулятор

Ниже я дублирую часть кода и его свойства, на тот случай, если вы забыли какое-то значение или как оно пишется. Также буду вставлять готовые решения, которые мы разобрали в рамках урока

.t754__parent {
    max-width: calc(100vw - 60px);
    padding: 0 !important;
}

.t754__col {
    margin: 0 10px 30px 10px;
    padding: 0 !important;
    max-width: calc(100% / 4 - 20px);
    float: left;
}


@media screen and (max-width: 768px){
    .t754__parent {
        max-width: calc(100vw - 20px);
    }
    
    .t754__col {
        max-width: calc(100% / 2 - 20px);
    }
}

Подсказка по коду из урока урока №3 по атрибуту карточки

Ниже я дублирую часть кода и его свойства, на тот случай, если вы забыли какое-то значение или как оно пишется. Также буду вставлять готовые решения, которые мы разобрали в рамках урока

[data-product-gen-uid="310967630292"]{
    & {
        outline: 2px solid red;
        transition: all 0.2s ease-in;
    }
    
    & .js-store-prod-name{
        font-size: 32px;
    }
    
    & .js-store-prod-descr{
        font-size: 16px;
    }
    
    & .t-store__card__imgwrapper{
        height: 200px;
        padding: 0;
    }
    
    &:hover{
        scale: 0.9;
    }
    
    @media screen and (max-width: 1200px){
        & .js-store-prod-name{
            color: red;
        }
    }
}

Standard set

A lunch set for a week / 1 person

$50