К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Build a Responsive Website with HTML and CSS · LearnSpace
Назад в каталог
courseraПрограммирование

Build a Responsive Website with HTML and CSS

Курс от Scrimba
Средний≈ 2.5 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Immerse yourself in the world of web development with our interactive "Build a Responsive Website with HTML and CSS" course. This course offers 33 engaging lessons, perfect for honing your responsive design skills. Our comprehensive course covers everything you need to know about responsive design. You'll start by understanding the fundamentals and quickly move to practical applications, including flexible containers, media queries, and mobile-first principles. Through hands-on challenges, you'll learn to adapt web layouts for various screen sizes, ensuring a seamless user experience. By the end, you'll be ready to deploy your site on Netlify, showcasing your newfound expertise.

Навыки, которые вы освоите

HTML and CSSResponsive Web DesignCascading Style Sheets (CSS)Web DesignApplication DeploymentWeb Design and DevelopmentFront-End Web Development

Программа курса

1 модулей · 35 учебных материалов

01Build a Responsive Site with HTML and CSS35 материалов

Playlist/section title

Welcome to interactive lessons!PLUGINModule introPLUGINResponsive site introPLUGINThinking responsivelyPLUGIN

Учитесь у экспертов

Guil Hernandez

Teacher at Scrimba

 Build a Responsive Website with HTML and CSS
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 2.5 ч

1 модулей

Язык: Английский

Часть программы вашего университета
Aside: Relative units and percentagesPLUGIN
Create flexible containers with percentage unitsPLUGIN
Controlling the width of imagesPLUGIN
Set width constraints with max-widthPLUGIN
Aside: The em unitPLUGIN
Set font sizes with emPLUGIN
Aside: Margin and padding with emPLUGIN
Set margin and padding with emPLUGIN
Aside: The compounding issue with emPLUGIN
Aside: The rem unitPLUGIN
Change font sizes to remPLUGIN
Text line heightPLUGIN
How do you decide which unit to use?PLUGIN
Aside: Media queriesPLUGIN
Add media queries to your sitePLUGIN
Think “mobile-first”PLUGIN
Mobile-first in actionPLUGIN
Common BreakpointsPLUGIN
Add a new breakpointPLUGIN
Adapt the buttons for smaller screensPLUGIN
Adjust font size for smaller screensPLUGIN
Create a mobile-first navigationPLUGIN
Challenge: Narrow screensPLUGIN
Challenge: Wider screensPLUGIN
Solution: Wider screensPLUGIN
The viewport meta tagPLUGIN
Aside: Create a flexbox image gridPLUGIN
Wrap the featured items with flexboxPLUGIN
RecapPLUGIN
Deploy your site to NetlifyPLUGIN
Build a Responsive Website QuizЗадание