Responsive Page Design
CSS
Flexbox
Grid
Media Queries
Position CSS
Skill in creating responsive interfaces for building convenient, functional solutions across a wide range of devices

Egor Samoylin
Hexlet graduate
Learning programme
2 months
10 theory hours
70 practice hours
What is important to know in advance
To successfully complete the course, you need basic knowledge of HTML and CSS
If you're not familiar with programming yet, don't worry!
We have introductory courses, to help you learn the basics and prepare for training. We explain everything from the ground up - in a clear and easy to understand way
Element Positioning
Types of element positioning, floating elements, element stacking
Grid and Flex
Flex container, aligning elements along axes, Flex item properties, placing elements in a grid
Website Responsiveness
Checking site responsiveness, viewport, flexible elements, media queries
How learning is organised
Simple, clear and always at hand
You learn the theory in a convenient text format - easy to read even from your phone. Live examples help you immediately understand how everything works in practice. The material is organised in such a way that you move step by step from simple to complex without missing important details
Check and consolidate knowledge
After each topic, you go through quizzes to make sure you understand everything. Questions of varying levels of difficulty will give you the opportunity to both test your knowledge base and practise your application of knowledge
Learn from real-life challenges
We've created a convenient virtual environment where you solve problems right in your browser. You have a code editor, a console and automatic tests that instantly show results
AI mentor in your studies
Our AI-powered Learning Assistant is like a mentor that's always on hand. It understands where you are in the course, what you need to do, and what your code looks like. If something goes wrong, you get clear and helpful hints right away