FCC Documentation


Chapter 1: Build a Tribute Page

  • Enter Billy Graham
  • The HTML
  • Bootstrap
  • Result

Chapter 2: Survey Form

  • Responsive Attack
  • JavaScript Validation
  • Result

Chapter 3: Landing Page

  • Israel Travel Agency
  • Scrolling Nav
  • Responsive Vimeo
  • Result

Responsive

attack

Responsive web design is an approach to web design that makes web pages render well on a variety of devices and window or screen sizes. Recent work also considers the viewer proximity as part of the viewing context as an extension for RWD.

Example of Responsive Code using Bootstrap:

/* Extra small devices (phones, less than 768px) */ /* No media query since this is the default in Bootstrap */ /* Small devices (tablets, 768px and up) */ @media (min-width: @screen-sm-min) { ... } /* Medium devices (desktops, 992px and up) */ @media (min-width: @screen-md-min) { ... } /* Large devices (large desktops, 1200px and up) */ @media (min-width: @screen-lg-min) { ... }