course

CSS: Site Adaptability

2 students
Course updated 14 March 2023
Course CSS: Site Adaptability
$49 per month
for all Hexlet's courses
Sign up
  • In-browser editor for exercises
  • Permanent access to theory
  • Asynchronous learning

Included in the course

7 lessons (video or text)
7 exercises in the IDE
19 quizzes
Assistance in Discussions on the website
Access to other courses of the our platform

What you'll learn

  • Check the site's adaptability using online tools.
  • Use the unit of measure percentage to create responsive layouts.
  • Work with Flex when creating adaptive layouts.
  • Create media queries that allow you to use styles for different screen resolutions.
  • Work with different types of devices and create styles for them.

Description

The course is devoted to adaptivity, the main element of the site. Adaptive layout allows layouts to be viewed comfortably on many devices: cell phones, tablets, computer monitors. This course will reveal the mechanisms of creating adaptive HTML markup using the popular mechanisms of CSS. At the end of the course you will learn about a powerful tool - media queries that can be used to add CSS styles for different resolutions and screen types.

Course program

Estimated time: 7 hours
  • 1

    Introduction

    Learn about the course on adaptive makeup
  • 2

    Checking site adaptability

    Learn how to test your site on different devices.
  • 3

    Viewport

    Learn about the viewport meta tag and how it helps with adaptivity.

    quiz

  • 4

    Flexible elements

    Get to know the layout using percentages.

    quiz

    exercise

  • 5

    Flex

    Learn about Flex's capabilities when creating adaptive layouts.

    quiz

    exercise

  • 6

    Media Queries

    Get to know one of the most powerful tools for creating adaptive websites - Media Queries

    quiz

    exercise

  • 7

    Media queries and other devices

    Learn about what devices you can apply your styles to.

    quiz

    exercise

  • 8

    Additional resources

    Some materials the Hexlet team have picked up. This will give you a more in-depth understanding of the topic

Challenges

We recommend working on these challenges after completing the course. They'll help you obtain more experience in programming and strengthen your new skills.

#
Challenge
completion rate
3
100%
Suggested learning programs
profession
Layout with the latest CSS standards
5 months
from scratch
under development
Start at any time