Skip to content
Submitted about 1 month ago

Página Responsiva Utilizando Grid e tabelas

Wladimyr Garcia Mançano•40
@wladimyr
A solution to the Recipe page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What challenges did you encounter, and how did you overcome them?

Tive dificuldade com espaçamentos (padding e margin) e para colocar os marcadores (disc) em cor diferente da do texto.

What specific areas of your project would you like help with?

Os espaçamentos entre as sections estão grandes, gostaria de ajuda para melhorar o arquivo CSS para ajeitar isso.

Code

Please log in to post a comment

Log in

Community feedback

  • bloo2kk•50
    @bloo2kk

    Your CSS is clean and modern—great work! Here are a few quick tips to improve it:

    1. Remove invisible characters like non-breaking spaces ( ) that can cause issues.
    2. Add missing semicolons, e.g. after padding: 0.
    3. Use clearer class names than .img, like .hero-image.
    4. Include box-sizing: border-box to simplify layout handling.
    5. Enhance responsiveness in your media queries by adjusting layout or font sizes.
    6. Use <img> with alt for important images to improve accessibility.

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