Kendrick Lamar Tribute Page

hey all! I made this tribute page for Kendrick Lamar. I would appreciate any feedback.

does anyone know why the

    text is centered on desktop but in mobile view, it’s not? I’ve been trying to troubleshoot this issue with html and css but can’t seem to figure it out.


Html inspector:

  • The <br> element cannot be a child of the <ul> element.
<ul class="unordered-list">
     <li>He crosses genres effortlessly and sounds like no one else.</li><br>
     <li>His music is pertinent to culture and politics.</li><br>
     <li>He is always changing and growing.</li><br>
     <li>His collaborations are inspiring and fascinating.</li><br>
     <li>His multimedia, such as music videos, are full of poignant social commentary.</li><br>

Permitted content
zero or more <li> elements, eventually mixed with <ol> and <ul> elements.

You have a screenshot of the problem?

Cheers and happy coding :slight_smile:

1 Like

thanks for your feedback! i appreciate it.

Hi nightrainlily,

According to Firefox devtools the class unordered-list has a padding-left of 40px (in the image is the color purple):

It seems is a user-agent stylesheets rule:

The browser has a basic style sheet that gives a default style to any document. These style sheets are named user-agent stylesheets.

I added a “padding-left: 1px” rule to the unordered-list class and is working for me (the text is centered in Desktop and mobile).

Cheers and happy conding :slight_smile:

that worked! thank you so much.

1 Like

you’re welcome. The devtools are awesome :sunny:

Cheers and happy coding :slight_smile: