CSS не применяется в React

Question

Я пытаюсь отобразить мой индикатор выполнения, используя flex, чтобы я мог иметь тег перед индикатором выполнения, но он не применяется. Я не уверен, почему это не происходит.

Пожалуйста, предложите.

О. js

import React from "react";
import "./About.css";
import { ProgressBar } from "react-bootstrap";

function About() {
  return (
    <div className="MainAboutContainer">
      <div classNames="Skills">
        <h3 className="SkillTag">hi</h3>
        <div className="SkillLevel">
          <ProgressBar now={60} label={`${60}%`} />
        </div>
      </div>
    </div>
  );
}
export default About;

О. css

.Skills {
  display: "flex";
}

Answer 1

Удалите 's' в ClassNames = "Skills", чтобы стать ClassName = "Skills"