Build a Drum Machine CSS

Code Feedback
1

I’m working on Build a Drum Machine in Front End Development Libraries Projects.

I’m developing on CodePen.

I want to display each button as 3x3, but it doesn’t work.
When I first created the screen with HTML and CSS, it displayed fine,
But after implementing React, the display is not correct for some reason.
How can I improve the CSS?
Also, if you have any other suggestions for improving the code, I would appreciate it if you could point them out to me.

2

Hi @YukaKoshiba

Your code does not contain unique id attribute values.
Try grid template columns repeat with 6

Happy coding

3

Hi, Teller

Thanks for checking and responding!
Changing columns repeat with 6, I can fix it.

I’ve learned a lot!!

1 Like