Let's discuss your "Tribute Page"

Hi,
Could you please review my Tribute Page (it’s an exact replica of the sample page but with my code)?
Project Link - https://codepen.io/sidharth-panwar/pen/yXWEaP

Hi
here is my tribute page : Tribute page
Any feedback is welcome :slight_smile:

Project Link - Magneto

Project Link - https://codepen.io/sh4dow433/full/GEYwZR/

Hello Campers!

My first project, what do you think?

Project Link - https://codepen.io/MuteMan/full/WEeaar/

Thank you

MuteMan

Hi guys :slight_smile: Here’s my project - any feedback will be good :slight_smile:

Project Link - https://codepen.io/eryk95/pen/JyjEwq

Project Link - https://codepen.io/B3nNy5/pen/rwzvqe

Add some your own elements, be self-demanding, it isn’t all about copying.
Front-end dev should has great imagination. Keep working on yourself, good luck! :slight_smile:

Thanks for taking the time, Eryk! As a first step I just wanted to create a replica. I suspect that my work will initially involve taking the wireframes and recreating them as HTML templates so I was going for a close replica. But, I take your feedback in good faith, thanks. :slight_smile:

Yeah, it was all in good faith. No problem dude :slight_smile:

I liked the Lewandowski tribute page. I’m myself a Man Utd fan :slight_smile: Couple of points:

  • I liked the title font and color. It stands out nicely.
  • I saw that you wrote quite a bit of custom css. Try out Bootstrap (I tried using Bootstrap 4 but I was slightly familiar with Bootstrap 3 so it felt easier), it’s pretty cool and will help you create a responsive page.
1 Like

Project Link - https://codepen.io/robertmaples/full/weNOvN/

Tried to keep it simple and easy on the eyes. Any and all advice is welcome. Thanks!

1 Like

I finished my portfolio page! I stopped here, but there’s still a lot more I wanted to do:

  1. Put text on my hero image. No matter how hard I tried, I couldn’t get a jumbotron hero image to be responsive and have text on it. Either my image fit in the jumbotron and wouldn’t resize for mobile properly (cut off the right side), or it would fit the text and scale properly, but it would be cropped on the bottom and top because there wasn’t enough content to fill the image.

  2. The “more about me” section is using two columns because I couldn’t figure out how to text wrap. This means that it doesn’t look great on mobile. I need to figure out how to text wrap or how to bump the text down to a new row for mobile.

  3. I wanted my social media links in my navbar, but they weren’t styling properly.

  4. I had a form in my contact section, but I didn’t know how to activate the submit button.

  5. Some of the spacing in my divs aren’t perfect.

But, I’m pretty happy with how it turned out overall! I’d love your feedback.

Emily Ellsworth Portfolio

I also just realized that my cover image isn’t looking great on large screens either. I imagine this is because I didn’t have it set as a cover image, so as the viewing screen gets larger, it gets bigger than my image, and then I have a gap on the side. sigh

Haha :smiley: My girlfriend is a ManU fan, she was pleasantly surprised. Thank you for review. I’m positively astonished that you want to help me with Bootstrap. Do you know some good tutorial, except one from FreeCodeCamp? I don’t feel this tutorial at all.

My tribute page :slight_smile:

1 Like

Its cool but got few Suggestions:

  1. You can change ( HYPHEN ) Elon Musk to ( DASH ) Elon Musk. Replace the ( DASH ) with “—” in your HTML Editor…
  2. You need to apply Bold Dark font to your header(Elon Musk), Its kind of faint…

:slight_smile: Good for her!
I use the following for Bootstrap 4:

Also, if you get a chance, read a little bit about Flexbox. Bootstrap 4 supports it and it makes aligning stuff really easy and is pretty interesting.

My Tribute Page about Marie Curie. I didn’t use Bootstrap but instead used media queries to make it responsive. I would really appreciate some feedbackt:

Hello Leute. Here is my tribute page to what it used to be one of my favorite bands as a teenager. I finally completed this task after 3 unsuccessful trials. I welcome any idea how I could improve it. :slight_smile: