@benjaminbilgehan
Posted
I suggest adding antialiased font smoothing to improve the clarity and sharpness of the text.
* {
margin: 0;
padding: 0;
font: inherit;
/* I suggest adding antialiased font smoothing to improve the clarity and sharpness of the text. */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
Additionally, in order to center them when viewed on mobile devices with a width of less than 500px, a margin has been added.
.results-summary {
display: flex;
flex-direction: column;
align-items: center;
background-color: var(--clr-white);
margin:0 auto; /* Added this to center the content when viewed on mobile devices */
max-width: 375px;
}
Marked as helpful