Last details on tribute (pic and bullets)

Last details on tribute (pic and bullets)
0

#1

Here is my tribute page i m finished with all the text just have trouble with the pic and bullets. I have tried everything to get a pic in but its not working and the bullets to my text are all the way to the right and want closer to text and also center all the text.
https://codepen.io/Demirci84/pen/ypWQmp


#2

Try changing your CSS to:

h1 {font-size: 6vw;}
h2 {font-size: 3.5vw;}
h3 {font-size: 3vw;}
body{padding: 50px;}
.bullets {padding: 0 15%;}

Add the class="img-fluid’ to your img tag.

Also, make the following changes to your html:

      <h3 class="text-center">Dave Matthews life (so far).</h3>
        <div class="col-xs-12 text-center">
          <ul class="text-left  bullets">

You are missing a </ul> after the last </li>


#3

Thanks for the advice. it looks better now.


#4

Hello @HADemirci,

HTML

  • error

The “center” element is obsolete. Use CSS instead.

From line 9 to line 9:

<center> <img class="img-fluid"src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Dave-Matthews-VA.jpg/330px-Dave-Matthews-VA.jpg"alt="Dave Matthews"></center>

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

Deprecated
This his feature has been removed from the Web standards. Though some browsers may still support it, it is in the process of being dropped.Do not use it in old or new projects. Pages or Web apps using it may break at any time.


  • error

No space between attributes.

From line 9 to line 9:

 <center> <img class="img-fluid"src="https://... 


  • error

No space between attributes.

From line 9 to line 9:

mg-fluid"src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Dave-Matthews-VA.jpg/330px-Dave-Matthews-VA.jpg"alt="Da


  • error

Unclosed element “blockquote”.

From line 27 to line 30:

<center><blockquote><p class="quote text center">"Tomorrow we may die, but tonight we're dancing."-Dave Matthews
    <p>For more on Dave Matthews go to <a href="https://en.wikipedia.org/wiki/Dave_Matthews"target="blank">Wikipedia</a>.</p>
    <p>Coded and written by <a href="https://github.com/HADemirci"target="blank">Halil Demirci</a>.</p>
    </center>


  • error

End tag “div” seen, but there were open elements.

From line 30 to line 30:

 </center></div>


cheers and happy codding :slight_smile: