search

robbiewolff / prj-rev-bwfs-dasmoto

0 stars 0 forks source link

CSS repetition h2 elements #7

Open farishkash opened 6 years ago

farishkash commented 6 years ago

https://github.com/robbiewolff/prj-rev-bwfs-dasmoto/blob/938d1d76368cd4febd3df0895e6c1b8a5c68e9c2/Arts%20and%20Crafts/CSS/style.css#L9-L29

This already assumes that the font family issue mention before has been fixed.

You already have these 3 styles applied to all h2 elements

font-size: 32px; font-weight: bold; color: white;

The only item styles that frames and brushes need is the background color. The goal for CSS is to be efficient. The fewer styles you write, the faster the project is completed and you will be fewer chances to make an error.

.frames { 
   background-color: lightcoral; 
 } 
 .paint { 
   background-color: skyblue; 
 }
robbiewolff commented 6 years ago

I was going to ask you about that, but you answered it already. So, my .css file would then look like this:

h1 { color: khaki; font-size: 100px; font-weight: bold; text-align: center; background-image: url("https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/pattern.jpeg"); } h2 { font-size: 32px; font-weight: bold; color: white; background-color: mediumspringgreen; } .frames { background-color: lightcoral; } .paint { background-color: skyblue; } .bluebold { color: blue; font-weight: bold; }