Techniques for Web Development with HTML5 and CSS3

Overview

“We will thoroughly review the media queries, emphasizing the medium queries of resolution, which will give us a great advantage when applying background images in a responsive environment or dependent on the resolution. In this lesson we will also study the advantages of the border-box model.”

In this video lesson Marta Armada addresses the topic: Box-sizing and media queries, which is part of the Domestika online course: Techniques for Web Development with HTML5 and CSS3. Optimize your websites with new techniques for programming and layout.

Partial transcription of the video

“If you've ever made a responsive page. you probably already know how media queries work. In this lesson. we'll delve deeper into them. Picture a setup with two components: a main one and a secondary one. This structure is quite common. The primary component occupies 60% of the width. while the secondary takes up 40%. To make these components stack vertically instead of floating side by side when the window is resized to a certain width. a media query is essential. This approach ensures a responsive design. Media Queries in CSS enable responsive design by applying specific styles based on de...”

This transcript is automatically generated, so it may contain mistakes.

Course summary for: Techniques for Web Development with HTML5 and CSS3

• Level: Intermediate
• 98% positive reviews (332)
• 8673 students
• 9 units
• 29 lessons (2h 14m)
• 8 downloads

• Category

  Web & App Design

• Areas

  CSS, HTML, Information Design, IT, Programming, UX / UI, Web Design, Web Development