Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • Bader Idris 2,840

    @Bader-Idris

    Posted

    you can improve the add to cart button and make it useful when you collect the innerHTML of the increasing number on its left, to change the cart above, instead of increasing the number of items directly, simply make the function works with the button not the increasing-decreasing symbols [ - + ]

    0
  • Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen as a response project, when you add these CSS properties to it:

    .container {
      top:50%;
      left: 50%;
      transform: translate(-50%,  -50%);
      position: absolute;
    }
    

    the might new feature is transform, it has many lovely properties you can discover, I personally admire it. I hope it's useful

    Marked as helpful

    0
  • Bader Idris 2,840

    @Bader-Idris

    Posted

    You can put all elements inside a container, to set the paragraph a specific, and by using display: flex you can easily change between phone and PC media queries, nevertheless, the function of clicking on the image slider, doesn't work on PC, and phone needs to change main images container's width, paragraphs needs to be bolder and a little bigger than what they are. Achieving this phase is great, I salute you for that🎉🎊

    0
  • Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

    .container {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    

    the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

    0
  • Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

    .container {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    

    the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

    0
  • Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

    .container {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    

    the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

    0
  • @mahdisafi4

    Submitted

    i just find some difficult in the colors

    Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

    .container {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    

    the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

    Marked as helpful

    0
  • Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

    .container {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    

    the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

    Marked as helpful

    0
  • P
    Les 10

    @Leslie763

    Submitted

    When using margins to create vertical space between elements should the margin be added to the bottom of the upper element or the top of the lower element? Does it matter, and / or is it a best practice matter?

    Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

    .container {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    

    the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

    Marked as helpful

    1
  • Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

    .container {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    

    the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

    Marked as helpful

    0
  • Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

    .container {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    

    the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

    0
  • Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

    .container {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    

    the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

    Marked as helpful

    1
  • Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

    .container {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    

    the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

    Marked as helpful

    0
  • Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

    .container {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    

    the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

    0
  • Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

    .container {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    

    the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

    Marked as helpful

    0
  • Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

    .container {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    

    the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

    0
  • Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

    .container {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    

    the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

    Marked as helpful

    1
  • Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

    .container {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    

    the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

    Marked as helpful

    0
  • Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

    .container {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    

    the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

    Marked as helpful

    0
  • Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

    .container {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    

    the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

    Marked as helpful

    0
  • @colormethanh

    Submitted

    This was my first try at frontend mentor. I thought it was a great experience. It was good practice trying to get everything to line up. I'm excited to try more in the future!

    Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

    .container {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    

    the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

    0
  • Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

    .container {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    

    the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

    0
  • @tenthin

    Submitted

    I used Flex while creating this. But I don't know if it was the correct approach. If anyone has a better and easier approach?

    Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

    .container {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    

    the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

    Marked as helpful

    0
  • @Luckenzy123

    Submitted

    This is my first challenge, using html, and css skills. This interface can scale well between 375px - 1440px. All feedback will be highly welcomed. Thanks.

    Bader Idris 2,840

    @Bader-Idris

    Posted

    You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

    .container {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    

    the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

    Marked as helpful

    0