Tribute Page feedback

Code Feedback
1

I decided to challenge myself on a Tribute page and go the extra step. I am very happy with the result!
I would like to improve on the header design but pleased apart from that
Looking for some feedback please

thanks

1 Like
2

Hi @olliewe88 and welcome!!

Fantastic page!!

Some ideas, I have comment out some properties, which could give you more ideas, like different border-radius each corner or something like that:

header{
/*   width: 50%; */
/*   border-radius: 20%; */
  margin-left: auto;
  position: sticky; 
  top: 0;
  z-index:10;
  background: linear-gradient(to left, white 0%, #0c0c0c 100%);
  padding: 2em 6em;  
  box-shadow: 1px 5px 20px 5px rgba(255, 255, 255, .3);
}

header > h1 {
  color: black;
  text-align: right;
  font-size: 5em;
}

The whole page is center so I thought sitting Martin’s name at the right it would highlight it. A made it bigger and give it extra space. Or a radial gradient… or another from top to bottom…

I think you could try something like that, but awesome job. Keep the good work!!

I hope that helps.

3

Nice job. Code is pretty straightforward.

Style idea: Perhaps with the header, you could have it be the same color as the gif background, essentially making it just the text “Martin Luther King…”

Code idea: This would be probably be above and beyond what you need to do to pass this, but you could theoretically use CSS animations to do all the things the gif does. I don’t recall if you’ve been taught that yet.

Good job.

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.