# ProductListwithCart"

Yo, the "Popup" is called Modal a way to do it if youre using vanilla js and css is:

• create a div with a position fixed use top:0 , bottom 0, left 0, rigth 0, to fit it on the size of the screen:

.modal{
    position:fixed;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    background-color: rgb(0,0,0,0.6); `to make the background quite black and transparent`
    z-index: 3; `to make sure it's above everything`
    opacity:0; `to make it invisible at the begginin`
}

• when you click the button just add or remove a class to this modal, that class should contain opacity 1 so that it should appear on the top, as the same way when you start a new order remove that class and that's all

I've just finished the same project here you have the link in case you want to see it: Project