Skip to content
Submitted over 2 years ago

Results summary - my solution

bootstrap
mel-stark•40
@mel-stark
A solution to the Results summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

How can I create both cards without the white left border?

Print

Code

Please log in to post a comment

Log in

Community feedback

  • cisneConCorbata•220
    @cisneConCorbata

    You can also fix that border by rounding the corners of your container.

    I would also recommend you to stop adding inline CSS because it will get messy once you get to work on bigger projects. Use a .css file or the <styles> tag instead.

    As a last note, please use always use alt text for images and landmarks, it's important for accessibility!

    Marked as helpful
  • Adriano•330
    @adriano-wb

    O HTML parece estar correto em termos de sintaxe e marcação. No entanto, aqui estão algumas sugestões de melhoria:

    1. Incluir descrições significativas em elementos HTML como imagens e ícones.

    2. Adicionar atributo alt em elementos de imagem para fins de acessibilidade.

    3. Adicionar comentários em partes importantes do código HTML para facilitar a manutenção e compreensão do código.

    4. Evitar a mistura de estilos inline e externos e centralizar a estilização em um único arquivo CSS.

    Marked as helpful

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