Skip to content
OverviewSolutions
4
Comments
4

Adabe4

@Adabe460 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

Latest comments

  • pietrocs•20
    @pietrocs
    What are you most proud of, and what would you do differently next time?

    Me orgulho de ter conseguido fazer o desafio praticamente sozinho, sem procurar muita coisa na internet. Da próxima vez pretendo estudar toda a estrutura com calma para conseguir fazer o site

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

    Enfrentei desafios na parte de realizar a tabela nutricional, não consegui deixar ela totalmente responsiva

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

    responsividade div

    Pagina de destino responsiva usa do html e css

    1
    Adabe4•60
    @Adabe4

    I have one comment about your solution. The design has a straight line on the left inside the box, where the content aligns. Yours is quite ragged. Especially the pink box looks a bit out of place to me.

    In my solution, I created this box around a paragraph. Then the header was before the list started and the box width fit the paragraph width and not just the list width.

    Other than that your solution looks really close the design, well done!

  • Adabe4•60
    @Adabe4

    Your design is really close to the original one. Your current version seems to use serif-script instead of sans serif. That is the only difference I can see.

    Your buttons have a highlight state, but I don't think they could work as links the way you used them. Maybe have a look into other people's solutions to fix this.

  • Omarhdez-218•30
    @Omarhdez-218
    What challenges did you encounter, and how did you overcome them?

    I had a difficult time getting the name "Greg Hopper" & the avatar picture side by side. I overcame that problem by adding a display of inline-block & vertical aligining it to the middle on "Greg Hopper".

    Blog Preview Card

    2
    Adabe4•60
    @Adabe4

    Try to be more careful with the font-size and the colors. The "published" text looks way more bold in your solution than in the design and the learning-box should have the same color as the background. Otherwise your solution is close to the design.

    Marked as helpful
  • Adabe4•60
    @Adabe4

    The code is very clean because all the style elements for the card are in the style-section.