Broken product page

[computerscience-person]

Here, it shows how there's an overflow somewhere in the web page, making the navbar not extend

Here, the centering of the page starting from the showcase of the products looks wrong.

It also breaks the footer. Looking from this part, it seems like the product showcase is centered from the middle of the containing div that overflowed.

[computerscience-person]

https://github.com/computerscience-person/Group2_WebApp-CCS227/blob/8902bab99202538f25f1179a831ce5df722cd3d8/src/components/ProductDiv.tsx#L30

You're trying to use a flexbox specific CSS here without a parent flexbox. items-center only works inside flexboxes or grids.

[computerscience-person]

All in all, maybe you should take the time to read up on flexboxes and try to refactor your code to (properly) use flexboxes.

[computerscience-person]

Some issues fixed by #14, but some issues still remain. Issue open for now.

[computerscience-person]

Fixed with #14 and #17.