Skip to content
OverviewSolutions
8
Comments
291
Bader Idris
@Bader-Idris

All comments

  • Bader Idris•2,880
    @Bader-Idris

    good job, but there are two fast comments from me about this, the dice works on each two clicks, so it should work on each click, lastly: you can use this

    .icon {
    user-select: none;
}

    to make the button more effective

  • Bader Idris•2,880
    @Bader-Idris

    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 [ - + ]

  • Bader Idris•2,880
    @Bader-Idris

    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
  • Bader Idris•2,880
    @Bader-Idris

    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🎉🎊

  • Bader Idris•2,880
    @Bader-Idris

    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

  • Bader Idris•2,880
    @Bader-Idris

    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

  • Bader Idris•2,880
    @Bader-Idris

    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

  • Bader Idris•2,880
    @Bader-Idris

    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
  • Bader Idris•2,880
    @Bader-Idris

    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
  • Bader Idris•2,880
    @Bader-Idris

    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
  • Bader Idris•2,880
    @Bader-Idris

    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
  • Bader Idris•2,880
    @Bader-Idris

    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
  • Bader Idris•2,880
    @Bader-Idris

    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
  • Bader Idris•2,880
    @Bader-Idris

    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
  • Bader Idris•2,880
    @Bader-Idris

    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

  • Bader Idris•2,880
    @Bader-Idris

    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
  • Bader Idris•2,880
    @Bader-Idris

    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

  • Bader Idris•2,880
    @Bader-Idris

    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