My first styled site with CSS3

This week I finished Week 1 of Introduction to CSS3 with a course by Michigan University – Web Design for Everybody: Basics of Web Development & Coding Specialization.

To pass Week 1 and proceed onto Week 2 I had to pass a Peer-graded Assignment with the following tasks:

Create a file called hw1.css and save it in your CSS folder.

Style the page using the following rules:

1) Style the header with a background color

2) h1 elements should be centered and have a new font color

3) h2 elements should have a new font color

4) Sections should have a new background color

5) The links should have a new font color and background color

6 ) The images should not appear on the page

The look of the site after my styling

This was the CSS3 code I used that got me 13/13 points:

header{
background: #6495ED;
}
h1{
color: #FFFFFF;
text-align: center;
}
h2{
color: #FF5733;
}

section{
background: #CCCCFF;
}
a{
background: #FFC300 ;
color: #C70039;

}
aside{
display: none;
}

What’s next?

I am to proceed with Week 2 of the Introduction to CSS3 part of the Web development specialization course where we will talk about the Box Model, background images, opacity, float, columns, visibility, and designing for different browsers. I am really looking forward to it. So far, I am enjoying the way the course is structured, I don’t find it demanding at all. All of the knowledge I gained so far will already help me with better customization of premade WordPress templates.

Leave a Comment

Your email address will not be published. Required fields are marked *