All solutions

Right now, I've hardcoded the numbers in my JS script for the toggle. I tried to instead use Math.trunc, Math.floor, parseInt(), etc. but I wasn't able to get the decimals properly. For example, the result was "199.89" instead of "199.99". I have commented out my attempt in my script. Does anyone know a solution to this?

In desktop mode, I'm trying to make the @ box move to the left and stay there when at least one accordion is open. And only return to its original position when all accordions are closed. I'd appreciate any help on this.

I would appreciate any sort of feedback on best coding practices.

Any advice is welcome!

Hey guys. I'm stuck here trying to use flexbox to make this page responsive. I have tried using different flex properties including flex-grow/shrink/basis/wrap and media queries but I'm unable to stack the last box below when the screen gets smaller (ex: 678px) and I'm not sure what I'm doing wrong. I want to use only flexbox and not grid, float, etc. to complete this. I'm trying to completely understand how to use flexbox so any help is deeply appreciated.