Skip to content

TLTechbender/practice-css-2

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 

Repository files navigation

Refactoring CSS Practice

In this practice, you will be refactoring CSS written by another developer to meet new requirements. This is a common task on the job. Designs change, themes get refreshed, or a design ends up just not looking quite right.

Your main focus is to practice changing someone else's code while you familiarize yourself with the vast typography, sizing, text styling and use of background images that CSS has to offer.

Once you have downloaded the starter, open the index.html file in your browser. Then, navigate to the main.css file and start refactoring the code to meet the new requirements.

Don't forget to save and refresh your page to see the changes!

Phase 1: Profile

Change the profile properties to the following:

  1. Change the padding to 30px all around
  2. Change the background-color to white

Phase 2: Biography

Change the Biography properties to the following:

  1. Change the size of the border to 5px
  2. Change the border color to black
  3. Change the font to 18px

Phase 3: Footer

Change the footer:

  1. Unbold the words.
  2. Change the font-size to 25px
  3. Change the background-color to pink

About

Second css practice.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 84.0%
  • CSS 16.0%