Crop image into circle shape using REACT.js

user_18477905 0
Viewed 1190

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.

reactjs styling css html
1 Answers

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: <div style={{borderRadius: '50%'}}>. When you want to add style in css, you would space the word out using -: border-radius: 50%;

user_163611520
Related