Responsive Web Design

So far we’ve talked quite a bit about the responsive web design process but have not gotten to brass tack on how that is implemented within a project.

Responsive Web Design Resources

Workshop

Mocking up and protyping with Photoshop and a Bootstrap grid. Working with Bootstrap Boilerplate and examining the grid.

Exercise 6

To familiarize yourself with the Bootstrap grid, we will be creating a wiki style entry for your favorite artist.

  • You will need the Bootstrap documentation for this.
  • Download the the ex6 folder.
  • Lookup the wikipedia for your favorite musician and two of their albums
  • Using just the html, create a small wikipedia entry for your favorite artist.

  • Here are the examples. Large View Small View

  • Upload to your site and share the URL in Slack.