E-commerce product page

Community feedback

• 

  S MD suleman•3,530

  @sulemaan7070Posted almost 2 years ago

  hey maryan😄. congratulations on completing the challenge.. here are a few tips to improve your site.. 1.Firstly for the desired Active state on the li or li:focus..you can use the padding-bottom like this

  li {
      list-style-type: none;
      color: var(--Dark-grayish-blue);
      padding-bottom: 20px;
  }
  

  and make sure to remove unwanted padding-bottom padding: 0 0 2rem 0; 🚫below the header and add margin-bottom instead..

  2.Add the property of positiion:fixed to the nav.. so that the user cannot scroll the Mobile-menu

  nav {
      position: fixed;
  

  Hope that helps,happy coding💯👍🏻🔥

  Marked as helpful

  0

  ---

  

  maryan•420

  @Maryan121Posted almost 2 years ago

  @sulemaan7070 thank you your feedback was helpfull

  1