Crop image into circle shape using REACT.js

Question

Currently working on my portfolio. I used this template. I'm trying to make my profile image into a circle shape. I can't figure out where I would put borderRadius or border-radius. Here's what it currently looks like https://sarairamadanportfolio.netlify.app/ Here's the source code: https://github.com/sramadan7/professionalportfolio/tree/gh-pages/src I tried adding borderRadius and border-radius under the img tag on the index.html page but no change. Then, I tried to add both of these to _about.scss and still no change. Not sure where else to put it so that the image is a circle shape instead of rectangle. JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

Answer 1

Your link doesn't work but when you want to add style in react jsx elements, you need to use the camelCase style for it:

. When you want to add style in css, you would space the word out using -: border-radius: 50%;