Skip to content
Submitted 28 days ago

Landing Page usando CSS e Grid

#accessibility
Leslie Bagalho•90
@lesliebagalho
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Me orgulho de ter conseguido mais um desafio, mesmo que seja para iniciantes.

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

Depois de muito estudo, consegui fazer a parte de Nutrição com apenas div e para estilizar usei Grid.

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

Ainda tenho pouca experiência em assuntos mais avançados de CSS. Mas, conforme vou avançando, creio que vou superando.

Community feedback

  • Adeleke Bright•40
    @adeisbrightPosted 21 days ago

    The width of the border line for your nutrition section is too wide because you are using the <hr> element.

    You can create a border line using :

    .nutrition-card-div:not(:last-child) {
  border-bottom: 1px solid var(--stone100);
}
    0
    Leslie Bagalho•90
    @lesliebagalhoPosted 21 days ago

    @adeisbright se observar o design, tanto mobile quanto desktop, o <hr> pega a largura todo mesmo. Mas obrigado pois queria fazer com CSS e não tinha conseguido, até porque também não tinha pesquisado.

    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