Tribute Page - Aretha Franklin

Tribute Page - Aretha Franklin
0

#1

Hello Campers!

Thank you for your time. Great to be in this community. I just about finished my tribute page project in my starter free-code-camping experience. I decided to make something in honour of Aretha Franklin. I used just HTML and CSS3 and media query to make it responsive. I would value any suggestion(s) you have moving forward.

Thank you.


#2

Hey good job!

I would also change hyperlink’s color when mouse hovers on it.
Make your title bigger.

Cheers :slight_smile:


#3

Good man :point_up_2:

I appreciate that.

Thanks.


#4

I would try making the tribute-info have a background-color of white or something. gray on gray is not good looking.
You can decide:


#5

Thanks @michaelnicol,

That part you mentioned was initially background: white; before i tweaked it to grayish color. The reason i didn’t use white after all was because the font i had in mind originally for some reason didn’t load. But i get your point and it is well noted. Thank you.


#6

On top of that white background you can use box-shadow: 2px 2px 5px;

This makes it look really sharp. You can also add it to the #title , main and #img-div and it looks nice. It breaks up your page nicely and helps things stand out.

example with the time line:

.headline {
   margin: 0 auto;
   font-size:20px;
   font-family: Verdana; /* added */
   text-align: center; 
   font-weight: bold;
   padding: 30px 0 0 0;
   margin-bottom: 10px; /* added */
}


#7

Acknowledged. Thanks for your input. I will put my creative hat on in the subsequent projects. :tophat:


#8

(remember to hit the reply button or i get no notification)