All comments

G•260

@KudzuyaSubmitted over 1 year ago

It was tricky, but all done

Html, css

NeverSeen•40

@NeverSeenLifePosted over 1 year ago

You can centre the percentage of the result more easily by using only display:flex

// Dont use inline-grid in here
.circle {
	display: inline-grid;
	place-items: center;
}
// And don't use position in here too
.circle76 {
	position: relative;
	top: 35%;
	left: 25%;
	transform: translate(-50%, -50%);
}

// You can do everything with just a flex
.circle {
	background: linear-gradient(hsla(256, 72%, 46%, 1), hsla(241, 72%, 46%, 0));
	width: 175px;
	height: 175px;
	border-radius: 50%;
        display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

Marked as helpful