Assignment 3.3

Objective: In this Checkpoint you will work on solving ‘Responsive’ Assignment.

Since you just learned Responsive Design, let’s do another assignment to hone your skills!

In this assignment, you are going to create a basic responsive webpage.

As always, make sure you use SEMANTIC HTML elements. In order to earn a passing mark, your responsive webpage needs to include the following criteria:

  • Your webpage will have a Title, Navigation Menu, Introduction with title and description, Specifics section, and Footer.
  • Your Navigation Menu will be responsive using Media Queries with a Mobile-First approach. You can specify the breakpoints appropriate for your webpage.
  • Your Specifics section will be responsive using Media Queries with a Mobile-First approach. Again, you can specify the breakpoints appropriate for your webpage.
  • Use your best judgment when it comes to choosing a font style that makes sense for your webpage.
  • Your webpage will have at least 3 different background colors that make sense for your particular assignment. You can choose your own colors and the placement of those colors is also up to you. Just make sure that the combination you choose is neat and professional.

Below are the screenshots of what a completed form may look like:

Desktop / Laptop View Screenshot:

Mobile / Tablet View Screenshot:

Note: This assignment should take you about 4Β HOURS to complete. If you encounter any issues, please review the previous lessons or do some research on the internet using resources such as MDN and/or StackOverflow. Be sure to talk about this assignment and any other questions or findings you have during your next mentor call. Good luck!

Submitting your Assignment

Once done, simply post your Repl.it link to your Mentor over Slack.

Also, if you have any doubts or if you are stuck, feel free to message your Mentor!