My first Tribute Page: Cappuccino. (hope this doesn't look too boring)

My first Tribute Page: Cappuccino. (hope this doesn't look too boring)
0

#1

Hey guys,

before investing a huge amount of time in the Personal Portfolio Webpage, i tried to finish the Tribute Page Challenge. It was really fun! What do you think about it?

Please, write whatever comes to your mind! Thank you :slight_smile:

Project Link (Cappuccino) - http://codepen.io/sensen/full/NdwXzy/


#2

Hi @sensiv,

CSS:

  • This code is not correct (the #)
body {
  background-color: #white;
}

HTML

  • In codepen you need to use the “Pen Settings”:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>

Using Bootstrap With Codepen


HTML inspector:

  • The <center> element is obsolete and should not be used
<center>
    <h1 class="text-primary" >Cappuccino</h1>

MDN documentation:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center

Deprecated
This feature has been removed from the Web standards. Though some browsers may still support it, it is in the process of being dropped. Avoid using it and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.


  • Do not use lower levels to decrease heading font size, also, this looks more like a paragraph (<p> element):
<h4>
"A cappuccino is an Italian coffee drink that is traditionally prepared with double espresso, hot milk, and steamed milk foam.
...

MDN documentation:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements

**Do not use lower levels to decrease heading font size: use the CSS font-size property instead.**Avoid skipping heading levels: always start from <h1>, next use <h2> and so on.

Cheers and happy coding :slight_smile:


#3

Hello,
It looks clean. Love the way its arranged plus the font.