Skip to content

TLTechbender/practice-2

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 

Repository files navigation

Styling Practice

In this practice you will be using CSS to style the HTML provided.

Your main focus is to practice using different CSS stylings to familiarize yourself with the vast typography, sizing, text styling and use of background images that CSS has to offer.

Phase 1: CSS Styles

Once you have downloaded the starter, open the index.html file in your browser.

Then navigate to the main.css file and start experimenting with the different CSS stylings. You can change the text in multiple aspects. Start changing the styles and save and refresh your page to see the changes.

Try styling this story as a blog entry with proper margins and gutters on the left and right sides of the text. Import a webfont that looks nice with the text and headings.

Phase 2: Background Image

After you have styled your text you will notice a div with the class of logo. In this phase insert the App Academy logo into the CSS background-image url. From there you can set the background color of the image and the height and width to your liking. Once saved you will see the App Academy logo at the bottom of your page.

a/A logo: https://appacademy.github.io/styleguide/assets/logo/logo-emblem-black-1000.png

About

First css task.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 70.1%
  • CSS 29.9%