Perfume-Challenge-using-basic-HTML-and-CSS

Community feedback

• 

  Ayoub Ahabchane•290

  @ayouchanePosted over 1 year ago

  Hey Sorin, Congrats on finishing the challenge!

  Regarding the positioning of your elements, opting for a Flex or Grid display algorithm can give you more control over the positioning of your elements. I strongly urge you to start looking into CSS Flex first and then CSS Grid. These two come with CSS out of the box.

  As for the icons, it's going to be an svg element that you get from somewhere like Heroicons, Font Awesome or Google Icons.

  I hope this helps.

  Marked as helpful

  0
• 

  Mohamed Elkashef•30

  @mohamedelkashef1Posted over 1 year ago

  You can create a button in HTML <button>Add To Cart</button>

  Use that code to style that button in CSS

  button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 10px;
    padding: 15px;
    color: #fff;
    font-weight: 700;
    border: none;
    background: hsl(158, 36%, 37%);
    border-radius: 8px;
    width: 100%;
  }
  
  button::before {
    content: "";
    width: 15px;
    height: 16px;
    background: url("./images/icon-cart.svg");
  }
  

  I hope you find this helpful

  Happy coding!

  0