Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

CSS GRID e FLEX BOX,

@devspidersilva

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Sou novo como desenvolvedor front end. Usei para fazer esse desafio apenas, html e css. Aceito qualquer crítica construtiva.

Community feedback

Adriano 33,970

@AdrianoEscarabote

Posted

Oi Anderson Silva, tudo bem? Tudo está muito bom, mas tenho algumas dicas que acho que você vai gostar:

Observei que em resoluções maiores o conteudo está esticando bastante esticado, para resolver isso podemos fazer algumas coisas:

@media (min-width: 1440px)
.container {
    max-width: 1440px;
    margin: 0 auto;
}

Para melhorar a acessibilidade do projeto você poderia ter colocado um h1. Toda pagina deve conter um cabeçalho de nível 1, para pessoas que usam leitores de tela, identificar qual é o título principal.

<h1>The Bright Future of Web 3.0?</h1>

o restante está ótimo!

espero ter ajudado... 👍

Marked as helpful

0

@devspidersilva

Posted

@AdrianoEscarabote , muito obrigado pelo comentário. Irei fazer os ajustes indicados. :D

0

@franklpjr

Posted

Hi Anderson! Your solution is very well. You can improve just the hover effects of navbar items and the three tittles down. You can also follow the style guide to select the text colors. Besides that, the site works perfectly in the mobile format. Another tip: try to use this space to practice your english like the most part of users. I'm Brazilian, but i try to communicate myself just in english to facilitate new opportunities.

Hope you find this helpful ;)

Marked as helpful

0

@devspidersilva

Posted

@franklpjr

Hello Frank! Thanks for the compliments and suggestions for improvements. I will try to communicate in english in the next solutions I send. Grateful!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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