What's wrong with my code?

Question

After doing some changes (CSS), two of my boxes disappeared. How many boxes can you see?
Can you help me fix it ?

https://code.sololearn.com/W9nGuhc6NWSl/?ref=app

Answer 1

Remove the space in your css for box 2 "rgb ( " and box 4 "rgba (".
background: rgb(0, 0, 255);
background: rgba(0, 0, 255, 0.2);

Answer 2

The code is fine as you can observe Box1 and Box3 moving while another 2 boxes are too faint to be seen.

Therefore just change it to darker colours and you're good to go! 😉

P/S: You're doing a good job by give credit to the original author and please keep it up! 👍

Answer 3

@ChaoticDawg : Thank you ! I can't believe I couldn't figure it out by myself haha

Answer 4

@Zephyr Koo : thank you for your answer! But the box 2 had full opacity but still didn't appear.