As someone new to React and JavaScript, I have been utilizing the Button component from react-bootstrap found at this link. However, I am facing difficulties when trying to style the Button using my CSS file in my React app.
In my Home.js file:
import React from "react";
import '../App.css';
export default function Home() {
return (
<div>
<h2>Home</h2>
<Button variant="light" className="formButtons">
</div>
)
}
And in my App.css file:
.formButtons {
margin: 10;
overflow-wrap: break-word;
color: red;
}
Despite defining the color as red in the CSS file, it seems that the styling is not being applied as the text color remains unchanged.
Any help or advice would be greatly appreciated. Thank you!