Introduction to Responsive Web Development with HTML and CSS
Flexible structure
A course by Javier Usobiaga Ferrer , Web designer
About the video: Flexible structure
Overview
“As we have said, a flexible structure is key for a website to adapt to different screen sizes. This structure can be achieved using widths in percentages and making the images have at most the width of their container. Let's see how it's done.”
In this video lesson Javier Usobiaga Ferrer addresses the topic: Flexible structure, which is part of the Domestika online course: Introduction to Responsive Web Development with HTML and CSS. Learn the basics of front-end web development.
Partial transcription of the video
“To create a design that adjusts to various screen dimensions. we'll employ percentage-based widths. Let's explore how this approach functions effectively. To establish a flexible layout using percentages. i simply need to define my column widths in percentages rather than pixels. By doing so. if I have a primary column. it will adapt to different screen sizes. This method ensures that the design remains responsive and fluid. accommodating various devices seamlessly. When I set a primary column to a width of 60% and a secondary column to 40%. resizing my browser window demonstrate how these ...”
This transcript is automatically generated, so it may contain mistakes.
Course summary for: Introduction to Responsive Web Development with HTML and CSS
-
Category
Web & App Design -
Areas
CSS, HTML, Web Design, Web Development
Javier Usobiaga Ferrer
A course by Javier Usobiaga Ferrer
Javier Usobiaga is a Web Designer for 10 years and co-founder with Marta Armada Swwweet studio, specialized in designing responsive webs from the initial conception to the front-end development.
He also enjoys a lot in his facet as professor of Web Design in renowned workshops and schools like Elisava, IDEP.
Usobiaga understands the web as a whole, not only how beautiful it can be on the computer screen, but its usability in different devices and circumstances.
In his words "I think that as important as the aesthetic is how fast it charges or how well it responds, and I think that in our industry we often forget about that."
- 98% positive reviews (2.5K)
- 50,470 students
- 31 lessons (2h 18m)
- 13 additional resources (9 files)
- Online and at your own pace
- Available on the app
- Audio: Spanish, English, French, Italian, Portuguese, Turkish
- Spanish · English · Portuguese · German · French · Italian · Polish · Dutch · Turkish
- Level: Beginner
- Unlimited access forever
Category
Areas
