grishastelmakh / bootstraphtml

It's my homework in stepik(3), why not?

Homework #3 in Stepik(layout Figma) / Домашнее задание №3 в Stepik(верстка Фигма)

course link / ссылка на курс

https://stepik.org/course/38218/info

en:

In this homework assignment, you need to use the grid and Bootstrap components to create an adaptive page of the Science Personal Account, a fictional service for posting research papers.

We will have three main breakpoint screens:

Large - lg in the Bootstrap classification. Medium is md in the Boothstrap classification. The small one is xs in the Boothstrap classification. There is a layout for each of these breakpoints. This is the layout of the same page, which must adapt to different screen widths.

Don't forget to turn on the grid display.

This will help you distribute the content into the right columns.

Look for the layout in Figma .

Use the Bootstrap documentation for reference:

Components

Grid

Tables

Page examples

Good luck!

The assignment is self-checking.

ru

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

У нас будет три основных экрана-брейкпоинта:

Большой - lg в классификации Бутстрапа. Средний - md в классификации Бутстрапа. Маленький - xs в классификации Бутстрапа. Для каждого из этих брейкпоинтов есть макет. Это макет одной и той же страницы, которая должна адаптироваться под разную ширину экрана.

Не забудь включить отображение сетки:

Это поможет тебе распределить контент по нужным колонкам.

Макет ищи в Фигме .

Для справки используй документацию Бутстрапа:

Компоненты

Сетка

Таблицы

Примеры страниц

Удачи!

Задание проверяется самостоятельно.