Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Learn to Create Responsive Layouts in 30 Minutes
Rating: 4.2 out of 5(663 ratings)
16,084 students

Learn to Create Responsive Layouts in 30 Minutes

A Basic Understanding of how to make your Current Website Responsive
Created byNitish Kumar
Last updated 1/2017
English
English [Auto],

What you'll learn

  • Create Responsive Websites
  • Understand Adaptive Layouts
  • Knowledge of Media Queries

Course content

1 section • 6 lectures • 30m total length

  • Introduction1:21

    Explore the evolution from desktops to mobile devices and learn to build a single web page that adapts to screen size through responsive web design.

  • What are we Going to Create1:48

    Create a responsive layout with a header, logo, navigation bar, main content with articles and a sidebar, and a footer, adapting to different screen sizes.

  • Creating the Page Architecture in HTML8:48

    Create the page architecture in HTML with a header, navigation, main containing two articles and a sidebar, and a footer. Use semantic elements, figures, images, and hash links for navigation.

  • Styling the Page Using CSS12:29

    Apply CSS styling to build a page with universal selector, box-sizing, typography, a blue navigation bar, a main content area, and a left sidebar using floats.

  • Magical Media Queries5:07

    Convert fixed pixel layouts to fluid percentages, set max widths, and center the logo for a responsive page; harness magical media queries and breakpoints to adapt to any device.

  • Wrap it up0:31

    Wrap up this course by recognizing that responsive web design has many concepts, but we’ve covered the basics in 30 minutes and invite your feedback for future lessons.

Requirements

  • Basics of Web Designing
  • Basics of HTML and CSS

Description

Responsive Web Design is the name of a current technology used to make your web application work on all size devices. If you have the basic understanding of HTML and CSS, then you can learn this technology very easily. I have tried to cover the basics of Responsive Web Design in this 30 minutes course so that you can learn and understand that how easy is this to learn. 

In this course, first we will create a basic web page using HTML and CSS and then will convert it to Responsive Design. Hope you will enjoy the course. See you in the first lecture.

Who this course is for:

  • Anyone who is willing to learn Responsive Web Design

Report abuse