Giovanna Garavaglia• 100
@giovannagaravaglia
Posted
Olá! Acredito que o circulo perfeito que você mencionou seja o do resultado da pontuação. Nesse caso, é só colocar lá uma height de 110px (mesmo valor do width).
0
Design comparison
Solution retrospective
What are you most proud of, and what would you do differently next time?
Ter conseguido resolver este projeto por que foi muito legal, principalmente criar um círculo com HTML e CSS.
What challenges did you encounter, and how did you overcome them?
Sem dúvida o maior desafio foi tornar o projeto responsivo e criar um círculo que não ficou perfeito
What specific areas of your project would you like help with?
Eu gostaria de ajuda em como fazer um círculo redundo que ele não vire um ovo depois que o projeto esteja sendo exibido na tela mobile.
Community feedback
MikDra1• 6,860
@MikDra1
Posted
Well done, here are some things to review 😊:
-
Overusing div tags: Try using more semantic HTML elements like
<section>,<header>, and<article>. It’ll help with both accessibility and SEO. -
Neglecting responsive design: Make sure you're using media queries and following a mobile-first approach so your site looks great on all devices.
-
Inconsistent class naming: It’s easy to end up with a mess of class names. Consider using a system like BEM for better organization and scalability.
-
Using px for everything: Instead of
pxfor fonts and layouts, try using relative units likeremoremto make your design more adaptable to different screen sizes. -
Forgetting alt text on images: Don’t skip the
altattribute. It’s essential for accessibility and helps search engines understand what your images are.
Hope you found this comment helpful 💗💗💗
Good job and keep going 😁😊😉
0
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord