Skip to content
OverviewSolutions
14
Comments
6
Lawrence
@lawlawson

All comments

  • Mitali Shah•320
    @MitaliShahSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?
    • CSS for tooltip.
    What challenges did you encounter, and how did you overcome them?
    • CSS took a long time for active state. I used z-index to show tool tip on top of other children.
    What specific areas of your project would you like help with?
    • Any feedback on how I can improve this would be helpful!

    Article preview component

    1
    Lawrence•180
    @lawlawsonPosted 7 months ago

    This is a really good solution, well done! Looks great on desktop and mobile views and the functionality works as expected. The only difference from the design is the background colour, which you might have changed deliberately, but otherwise, visually everything looks fine.

    Marked as helpful
    0
  • Angela Rivera•40
    @ang-rivSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Most proud of moving from the mobile to desktop designs. Had a much easier time making the transition than in other projects.

    I would group together blocks of css to decrease on repetition. I did a bit of that but definitely should have done more to condense code.

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

    Trying to figure out the spacing between the list markers and the text was new for me so I had to look that up. I was a bit confused with were to add padding and margins but Chrome inspector helps out a lot with that.

    Flexbox Recipe Card

    1
    Lawrence•180
    @lawlawsonPosted 7 months ago

    Really good implementation here, there are a few challenges to this one that makes it a lot harder than it looks. Great job here in implementation for both mobile and desktop, your code is very well structured and easy to read!

    1
  • Pedro de Carvalho Godinho•60
    @Evex12324Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Esse foi difícil, me orgulho de ter entendido o conteúdo e conseguir aplicá-lo com maestria! Mudaria o tamanho do botão com certeza.

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

    Em um momento, me deparei com um botão que não funcionava, mas depois de uma breve pesquisa, descobri o display grid, algo que facilitou e muito minha vida 🤗

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

    Nenhuma.

    Display Grid 👍

    1
    Lawrence•180
    @lawlawsonPosted 7 months ago

    Really good implementation, simple, well structured and readable code. Well done for making use of semantic HTML code too, kudos! Nothing really to add, you could add a bit more padding to the top, bottom and sides of your container, but that's a small detail, everything else looks great.

    0
  • Khaled Elorbany•30
    @KhaledElOrbanySubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I used CSS and was able to achieve all requirements with it.

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

    How to use behavioural selectors like active, hover and focus in CSS.

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

    None.

    Blog Preview Card

    1
    Lawrence•180
    @lawlawsonPosted 7 months ago

    Really good effort with this implementation, not much in terms of improvements as it's very good overall. The only potential addition would be the use of a <main> tag which would be helpful for accessibility, but certainly not needed to make the code work or readable.

    0
  • Vineet Rawat•10
    @Austin2501Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I write my code from scratch and make it live in an hour. I would use any Js Framework or library next time.

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

    I got stuck a bit in using flex, so I debug my code.

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

    Make it responsive of whole other lot of screen size and more better UI.

    QR Code Component

    2
    Lawrence•180
    @lawlawsonPosted 7 months ago

    Good effort here, looks like the design and your code is easy to read and understand.

    0
  • Lawrence•180
    @lawlawsonPosted almost 2 years ago

    Hey!

    Great job on this challenge :-)

    If you want to take it a step further have a look at the feedback given on the accessibility report, there a couple of small changes you could make to the HTML to improve accessibility. The links are super useful, but if in doubt you can always look at other solutions (like mine) and see how it differs from yours and consider any changes you would make.

    Well done!

    0