CSS not getting applied in React

Question

I am trying to display my progress bar using flex so that I can have a tag before the progress bar but it is not getting applied. I am not sure as to why it is not happening.

Please suggest.

About.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;

About.css

.Skills {
  display: "flex";
}

corn on the cob · Accepted Answer · 2020-09-19 08:07:31Z

4

You should remove the 's' in ClassNames="Skills" to make ClassName="Skills"

edited Sep 19, 2020 at 8:07

corn on the cob

2,3403 gold badges24 silver badges36 bronze badges

answered Apr 1, 2020 at 1:34

S Henry

1405 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

CSS not getting applied in React

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related