React Drum Machine not responding to CSS

Code Feedback
1

I need help with the React Drum machine project, its not responding to my CSS formatting inside react despite renaming class’s to classNames’s. Here’s how I want the app to look like

but its coming out like this
https://codepen.io/getwebem/full/YzXXNqd

Any help will be great. Thanks

2

@kelvinmbewe you need to give them a width if you want them to wrap…

.flex-boxes {
    width: 400px;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
1 Like
3

Thanks a million it worked!

1 Like