score:3
Accepted answer
that's the cascade in css in effect. some other rule is overriding your border radius.
for more details see https://www.w3.org/tr/2011/rec-css2-20110607/cascade.html#cascade
what you can do is either change .about-profile
to be more "specific", or use !important
to override the other rules. i suggest the former.
score:0
you can use this:
border-radius: 50%!important;
score:0
some style override this code so use !important
.about-profile {
display: block;
width: 260px;
height: 260px;
border-radius: 50%;
}
Source: stackoverflow.com
Related Query
- border-radius: 50% for rounded image crossed out in console
- How to use border radius only for 1 corner (react-native)?
- image with border radius does not fill the div
- Highcharts: is it possible to set up top border radius for the columns in Column chart?
- make border radius of ionic image in ionic react app
- Console logging for react?
- Figuring out how to mock the window size changing for a react component test
- Can't set up the HMR: stuck with "Waiting for update signal from WDS..." in console
- React Testing Library gives console error for ReactDOM.render in React 18
- Reactjs console error ([HMR] Waiting for update signal from WDS...)
- Tried to get frame for out of range index NaN (realtime database)
- React Native - Why we use the tintColor property for Image component?
- Why do I have to use "require" instead of "import from" for an image in React?
- Reactjs animate replace: How to wait for fade out before adding content to fade in?
- event.target.value is undefined for buttons that wrap an image instead of text
- click an image for outside url react.js
- Next.js Opt out of Layout Component for specific pages from _app.js
- React Native border radius rendering
- Vue js for non SPA apps - loading components in with out the app component
- why is Image size reset for me when i add a < a > tag
- How to create a simple spinning animation for an image in React
- Why does chrome dev tools console show a link for Post 500 error in one website but not another?
- Image not showing on device for React Native movies tutorial on existing application
- Zoom in and out on image in React.js
- using device camera for capturing image in reactjs
- Label of Multiple Select is crossed out by the outline of the input field
- react, css) transition css for fade in and out, when background image is changed with className
- Is it possible to get a stack trace for chrome console warning?
- Antd - How to make rounded borders for Table rows?
- How to import svg files and use them for src in image
More Query from same tag
- Why I am getting 'Map' is not exported from 'react-leaflet'?
- How to route to a path with parameters in React.js
- react router on how to collapse the navbar on mobile when selecting the menu links
- How to test a required input field with React Testing Library and Jest?
- Display content while hiding other in React / Next.js
- Repeat an array object with key and values with map in react js
- React and Tailwind CSS: dynamically generated classes are not being applied
- applying duration with smooth scroll
- How do I make an infowindow appear when the user clicks the marker, while using a functional component?
- React Lifting State in Component with Containment
- How to consult value of field with ant-design useForm?
- How can the state in react-js turns back to their original value
- My output refused to change after i changed the code in the ReactDOM.render() method in my index.js file
- Redux with Gatsby - wrapped Provider is not recognized
- Fetch result second time
- Compare 2 immutable lists for equality
- Typescript reducer
- React - onmouseenter doesn't work between child elements
- React Router v4 <NavLink> vs <Link> benefits
- export default class Page Or export default App
- class > element selector in aphrodite
- Passing props in react - fetching
- How do I add Skeleton.css to my React app?
- How do I define a TypeScript type for React props where prop B is only accepted if prop A is passed to a component?
- Is there a better way to organize this React page with an async call to the API?
- Accessing express session cookies in react
- React native deploying on iOS device stuck on Running 1 of 1 custom shell script
- How can I use chart tooltip formatter in react-highcharts?
- React dangerouslySetInnerHTML Only working correctly when it is used on a div tag
- 【Next.js】dynamic head tags are not reflected