Why are the styles not being applied?

Question

React

Along with the jsx file in the folder, I have a css file, when adding a div class with className = "fre", and then using it in css . fre{properties} it does not style it.
And interestingly, the img of this file stylizes.

import s from './Friend.module.css';


const FriendCola = (props) =>{
return(
    <div classname={s.fre}>
        <img src='https://342031.selcdn.ru/rusplt/52/104/13753539.jpg' ></img>
        Cola Xarakiri
    </div>
)


}
export default FriendCola

.fre{
  border: 2px solid black;

}

img{
width: 30px;
height: 30px;
border-radius: 50%;
}

Answer 1

className, not classname?