->

 CSS 301: Responsive web design

 CSS 301: Responsive web design


https://www.skillshare.com/classes/CSS-301-Responsive-web-design/298943439


This is the "final step" when learning CSS – how to make your website "responsive". 


Making a website responsive is the act of writing code that makes your website look good on TVs, desktops, laptops, tablets, and phones.


 


Typically we write one codebase to support all these different device types. 


The problem with normal CSS is, for example, an image could be 500 pixels wide.. but what if a viewer with a phone only has a 425 pixel-wide device? Now your website looks broken. That's no good. 


Responsive web design is the act of making your HTML elements "snap" to different locations and to look different on different devices. 


In this course, you'll use your knowledge of background colors, border radii, font colors, flexbox, and grid to start making a web page act responsively. 


Lastly, you'll finish this course by creating a page layout using flexbox (alternatively you can use CSS grid) and making the template responsive – that is, you'll make it "mobile-friendly" so when you shrink down your browser size, it looks great on tablets and phones.


 CSS 301: Responsive web design


 TO MAC USERS: If RAR password doesn't work, use this archive program: 

RAR Expander 0.8.5 Beta 4  and extract password protected files without error.


 TO WIN USERS: If RAR password doesn't work, use this archive program: 

Latest Winrar  and extract password protected files without error.


 Gamystyle   |  

Information
Members of Guests cannot leave comments.




rss