Tribute Page :D

Code Feedback
1

Hey there :smiley: I finally finished my tribute page, it is about Bruce Leeā€¦
Here is the link: https://codepen.io/luzdivina26/full/RVBeax/

Feedback is much appreciated.

7 Likes
2

Great job. Bruce Lee ftw !

1 Like
3

Very nicely done.

If I can add one suggestion, it would be a drop shadow, and maybe slight letter-spacing on your white text header. Check it out.

h2.subtitulo {
  font-weight:bold;
  color:white;
  text-shadow: 2px 2px 4px #555;
  letter-spacing: 1px;
}
1 Like
4

I applied your suggestions, looks nicer thanks!

5

I loved the page! And I love Bruce Lee! Nice work.

1 Like
6

I think your next challenge will be to fix a couple of minor mobile issues. Try viewing the page on a very narrow screen width.

7

yeah iā€™m working on thtat, in fact iā€™m having some issuesā€¦ suposely codepen works in bootstrap but some css doesnā€™t work.

8

Codepen is using Bootstrap v4 by default, but it seems youā€™re using v3 classes (for ex: img-responsive).

For the Hero shot/quote, you can make @media-queries and adjust font size for smaller width.

9

ohhā€¦ i didnā€™t know thatā€¦ so i will check out how Bootstrap v4 worksā€¦ cuz i already added the link to bootstrap v3 in the html head :sweat:

10

##very good congratulation

1 Like
11

Very nice! Looks very clean and professional. Even got bouncy title and everything. Great job :slight_smile:

1 Like
12

I like it. Congratulations! :slight_smile:

1 Like
13

Your design is visually arresting, really great. It makes me want to go back and take my tribute page more seriouslyā€”and Iā€™m a graphic designer.

I donā€™t agree at all with the suggestion of adding a drop shadow to your h2 headers. Your design overall is flat, which is a good thingā€”flat design is contemporary. If your h2 lacks contrast against the background, you either need to darken the background to make the white header pop, or simplify the design overall by having a white or very light background and a black or gray header. Drop shadows are the kind of amateur ā€œblingā€ that will keep you from getting work. Donā€™t mar such a great portfolio piece with them!

1 Like
14

you are right, darken the background do the trickā€¦ now i have to solve some issues, apparently i was using some classes of bootstraap v3ā€¦ and codepen works with v4 U_U

15

LOL! yup, Google doesnā€™t use shadows. Itā€™s amateur time.

shadowmaterial.png921Ɨ507 17.1 KB

1 Like
16

Very nice work. And very nice person to make a tribute!

17

Nice work, Bruce Lee is my idol. :smiley:
How to make that drop down animation?