Responsive Web Development (RWD)

RWD Learning Outcomes:

This course examined how to create dynamic webpages that will display correctly across a variety of screen sizes with an emphasis on mobile-first development. Bootstrap and W3Schools development frameworks were used to create examples ePortfolios

View Exercises:

Responsive Web Design RWD Worksheet Bootstrap W3Schools.css

Visit Course Page

I developed the skills to:

Implement responsive web design using media queries and breakpoints
Create and style Flexboxes using CSS
Create and style Grids using CSS
Use the Bootstrap and W3Schools frameworks to create webpages that use responsive web design

I developed an understanding of:

Fluid vs static elements
Viewports and their properties
Flexboxes
Alignment and spacing of items in a fluid layout
HTML, CSS, and JavaScript frameworks available to speed up development and deployment of dynamic webpages