Tribute to Edgar Allan Poe: My first Bootstrap attempt!

Tribute to Edgar Allan Poe: My first Bootstrap attempt!
0

#1

Hi all! Just thought you might want to check out my Tribute page. I would appreciate any feedback, criticism, etc.

I went out on a limb and used some bootstrap, which was fun. Well, not really at first. But I got the hang of it.

http://codepen.io/gigicomputerdesigns/full/EZRbNB/


#2

Hi @gigicomputerdesigns ,

HTML

  • Multiple </div>'s tags
 <h1>A Tribute to Edgar Allan Poe</h1></div></div></div>
  • Is better not use the style attribute:
<h4 style="color:#940E29"><blockquote>

MDN documentation:
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/style

The style global attribute contains CSS styling declarations to be applied to the element. Note that it is recommended for styles to be defined in a separate file or files. This attribute and the <style> element have mainly the purpose of allowing for quick styling, for example for testing purposes.


HTML inspector:

  • The <blockquote> element cannot be a child of the <h4> element.

  • Stray </blockquote> :

<h4 style="color:#940E29"><blockquote>
       Ghastly grim and ancient raven wandering from the Nightly shore —
Tell me what thy lordly name is on the Night's Plutonian shore!"
       Quoth the Raven, "Nevermore."</h4></blockquote>

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

Permitted content Phrasing content.

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories

Flow content:
<blockquote>...

Cheers and happy coding :slight_smile:


#3

Thanks for the advice!


#4

How do you run the HTML inspector?


#5

1.- Click the V (upper right)
2.- Click “Analyze HTML”

Cheers and happy coding :slight_smile: