fed1:
  question: Select an example of media query from below.
  category: CSS
  input_type: radio
  input_options: [ option-1, option2, "option 3"]
  sort: 0
  active: true

fed2:
  question: What are some ways you can improve a site's performance (load time)?
  category: Performance
  input_type: checkbox
  input_options: [ option-1, option2, "option 3", option-4, option5]
  sort: 1
  active: true

fed3:
  question: How would you create a widget that would fit in a 250px wide area as well as a 400px wide area?
  category: CSS
  input_type: live-coder
  input_options:
  sort: 2
  active: true

fed4:
  question: Briefly explain the principles of Progressive Enhancement.
  category: Performance
  input_type: text
  input_options:
  sort: 3
  active: true

fed5:
  question: Which is your favorite grid system?
  category: CSS
  input_type: radio
  input_options: [ option-1, option2, "option 3"]
  sort: 4
  active: true

fed6:
  question: List one advantage of using IDs over classes. List one disadvantage.
  category: CSS
  input_type: text
  input_options:
  sort: 5
  active: true

fed7:
  question: Provide a code example to manipulate the DOM using jQuery/JavaScript to change the classname of a div 'classB' to 'classC', only if the div 'classA' exists in the page?
  category: Javascript
  input_type: live-coder
  input_options:
  sort: 6
  active: true

fed8:
  question: Select the HTML from below that would create an input field which restricts the number of characters inside it to 10.
  category: HTML
  input_type: radio
  input_options: [ option-1, option2, "option 3", option-4]
  sort: 7
  active: true

fed9:
  question: Grunt or Gulp?
  category: Javascript
  input_type: radio
  input_options: [Grunt, Gulp, Neither, Either]
  sort: 8
  active: true

fed10:
  question: StarWars or Star Trek?
  category: Performance
  input_type: checkbox
  input_options: ["Live long and prosper", "Who you calling Scruffy?", "J.J. Abrams"]
  sort: 9
  active: true