Product Landing Page - Duff Beer

I just finished up my Product Landing page project. Looking for some feedback. How is the structure of my code, use of id/classes, color scheme(I tried to match it from The Simpsons), etc. Any feedback is appreciated!

The link is here:



1 Like

Hi @cdurflinger,


Line 22:

The frameborder attribute on the iframe element is obsolete. Use CSS instead.

<iframe id="video" width="560" height="315" src=";controls=0&amp;showinfo=0&amp;start=16" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

MDN documentation:

Deprecated attributes:

frameborder: Obsolete since HTML5

The value 1 (the default) tells the browser to draw a border between this frame and every other frame.
The value 0 tells the browser not to draw a border between this frame and other frames.
You should instead use the CSS property border and its longhand properties to create borders around <iframe>s.


  • Red background make black letters hard to read (see screenshots):


  • 360x640

  • 800x600

  • 1204x768

Cheers and happy coding :slight_smile:

Tools used:
screenshots and testing: