All Coursera Quiz Answers

Programming Assignment: Styling a page Solution

In this article i am gone to share Coursera Course: Introduction to Front-End Development Week 2 | Programming Assignment: Styling a page Solution with you..

Enroll Link: Introduction to Front-End Development


Also visit: Programming Assignment: Creating an HTML Document Solution


 

Instructions

Please click on the blue “Work in Browser” button above. When the VSCode User Interface (UI) opens, open the README.md file in Preview mode and follow the instructions. To view the README.md file in Preview mode, right click on the README.md file and choose “Open Preview” as shown below:

To complete this assessment:

  • Save your file through File -> Save
  • Select “Submit Assignment” in your Lab toolbar.

To your view the rendered HTML in a Web Page follow the step by step instructions below:

Step 1: Save the file.

Step 2: Click on ‘Go live’ at the bottom right of your editor.

  • Click on Go Live
  • Once the server is up and running you’ll see the exposed port.
  • Exposed port

Step 3: Click on browser preview.

  • Click on browser preview

Step 4: Enter the url as http://localhost:<exposed port>

  • Enter the URL

Step 5: Check that the web page displays.

After completing your lab, don’t forget to close the server. You can close the server by clicking on the exposed Port number (e.g. 5500) after completing the lab.

Exposed port
You should see a notification like this which confirms the server has been stopped. Notification that the server is now offline

 

Programming Assignment: Styling a page Solution

You only Need to edit a CSS file | Copy & Paste this code on it and Save and Run it

body {
    background-color: #E0E0E2;
}

h1 {
    color: #721817;
}

h2 {
    color: #721817;
}

.center-text {
    text-align: center;
}

#logo {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

h2>span {
    color: #FA9F42;
    font-size: 0.75em;
}

#copyright {
    font-size: 0.75em;
    padding-top: 12px;
}