I WANT SOME HELP ON THE CSS AND HTML CODE

HTML-CSS
1 
.header__logo h4 {
    padding-left: 30px;

  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  font-family: var(--playfair-display);
  color: #fff;
  opacity: 0.8;
}
<header>
    <nav class="header__nav">
      <div class="header__logo">
        <h4>Sushiman</h4>
        <div class="header__logo-overlay">

        </div>
      </div>
      <ul class="header__menu">
         <li>
            <a href="#menu">Menu</a>
          </li>
          <li>
            <a href="#food">Food</a>
          </li>
          <li>
            <a href="#services">Services</a>
          </li>
          <li>
            <a href="#about-us">About Us</a>
          </li>
          <li>
            <img src="/assets/search.svg" alt="serach">
          </li>
      </ul>

      <ul class="header__menu-mobile">
        <li>
          <img src="/assets/menu.svg" alt="menu">
        </li>

      </ul>
    </nav>



  </header>
2

WHAT DO YOU NEED HELP WITH? YOU DIDNT ASK ANY QUESTIONS!

1 Like
3

Screenshot (16)
Screenshot (16)679×791 27.1 KB

thats how it is supposed to disply

4

Ok, and what’s currently happening? Where did you get stuck debugging?

5

my display

Screenshot (17)
Screenshot (17)1920×951 11.9 KB

6

i copied the same code from github think my code i kinda bad but i got the same result compared to the YT video tutorial.

7

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.