Hey, all right!?, I wanted to leave a tip for you to centralize your work, which is display: flex; margin: auto;
by doing this your container will be centralized, in the summary part use <h4> use <p> the <span> are right, when starting a styling always use these start properties
*{ margin: 0; padding: 0; text-decoration: none; list-style: none; box-sizing: border-box }
so, the margin, the padding, you put it, because each browser has a standard and your work can be like in Edge, but bad in Safire
for mobile use @media (max-width: 'look in style guide size';)