pages.courses.show.header

pages.courses.show.course_updated

pages.courses.show.subscribe

pages.courses.show.subscription_description

pages.courses.show.included.header

pages.courses.show.included.theory.value
pages.courses.show.included.exercises.value
pages.courses.show.included.questions.value
pages.courses.show.included.self_study
pages.courses.show.included.extra_materials
pages.courses.show.included.extended_material

models.attributes.base.description

The course is devoted to adaptivity, the main element of the site. The adaptive layout allows layouts to be viewed comfortably on cell phones, tablets, and PC screens. This course will reveal the mechanisms of creating adaptive HTML markup using CSS mechanisms. You will learn about a powerful tool — media queries. They help to add CSS styles for different resolutions and screen types.

pages.courses.show.skills

  • 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

pages.courses.show.syllabus

1

Introduction

Learning about the course on adaptive makeup

2

Checking site adaptability

Learning how to test your site on different devices

3

Viewport

Learning about the viewport meta tag and how it helps with adaptivity

4

Flexible elements

Getting to know the layout using percentages

5

Flex

Learning about Flex's capabilities when creating adaptive layouts

6

Media Queries

Getting to know Media Queries, one of the most powerful tools for creating adaptive websites

7

Media queries and other devices

Learning about what devices you can apply your styles to

pages.courses.show.challenges

1

Weather widget

2

Responsive table

3

Adaptive menu

pages.courses.show.recommended_programs

Course Cover
  • pages.courses.pros.right_in_browser
  • pages.courses.pros.lifetime_access
  • pages.courses.pros.learn_as_you_go
pages.courses.show.subscribe

pages.courses.show.subscription_description