Lesson 2: Responsive Web Design and CSS Frameworks

This E-Commerce Developers Course 2nd lesson covers the following:

1. Responsive Web Design
2. CSS Framework
3. Creation of a Product Page
4. Creation of a Product List

This lesson is conducted in partnership with Rachel Jaro, founder of Koodi (web development company).

(Should you encounter a “secure connection failed” message in any of the video embedded, just click on the “try again” button to load it.)

Responsive Web Design

Files use in this exercise can be accessed here –> Responsive Web Design hands-on files

Reference:

• Media queries for standard devices

back to top

CSS Frameworks

For this lesson, participants can check out the following:

• Boostrap
• Foundation
• Semantic UI
• Pure
• UIkit

Files use in this exercise can be accessed here –> Bootstrap hands-on files

back to top

Creation of a Product Page using HTML / CSS

Files use in this exercise can be accessed here –> Product Page creation hands-on files

back to top

Creation of a Product List using HTML / CSS

Files use in this exercise can be accessed here –> Product List creation hands-on files

back to top