Tribute page SKEGSS

Hello everyone!!

https://codepen.io/Mikelevra/pen/bGVpXZM

I am back on the track after my exams, and I’m trying to recover the rythm. Before I took the break I re-built a tribute page, as I wasn’t happy with the first one.

It’s about the Australian group Skegss, you should definitely check them out.

For the page I was inspired on their own webpage, as it is still hard for me to choose the colors.

I would love to hear your corrections, suggestions and comments; as I am motivated to learn and to improve.

https://codepen.io/Mikelevra/pen/bGVpXZM

Stay safe :smile:

Welcome back. The page looks good to me. The only thing I would suggest would be to use @media to update the formatting of your page on smaller browsers. Your Youtube video come out of the frame around 640px and the members section is probably smaller than it could be (because it becomes hard to see their photos).

1 Like

Thank you so much for the corrections John, after a little bit of breaking my head with the media queries I think that I understand them a little.

https://codepen.io/Mikelevra/pen/bGVpXZM?editors=1100

I still have a couple problems because right when the size of the screen is 800px, the limit of my media query, the iframe becomes a little bigger than the yellow section, but I can’t figure out why.

Thank you so much for your time, best wishes.

The video is spilling outside of the frame because of this likne f you want.

@media (min-width: 801px){
    .video-wrapper{
      width: 560px;

You’ve set the width to a set size (which is bigger than the form width) so it appaears outside of the box.

1 Like

It looks nice, you could do with a few more media queries perhaps?
Perhaps on smaller screens you could set the the width of the body to 100% and then give it a property like
background-color: rgba(223, 189, 39, .9);
so the image underneath would be visible still?

1 Like

Very cool little page!

1 Like

Hi JohnJohn!

Thank you so much for your help, that was kind of a stupid mistake… :sweat_smile:

Best wishes!

Hello LukeAyres!!

Thank you so much for the recommendation, it definetely looks much better now! I had never used the opacity feature, which I find really nice. Until now all I did with the media queries was to shrink all the content, but I see that there are many design possibilities, I hope to start getting more confortable with them. :crazy_face:

Best wishes!

Hi Brena!

Thank you so much! Very uplifting! :blush:

Best wishes