Skip to content
OverviewSolutions
28
Comments
21

Gakii

@G-GakiiNairobi Kenya600 points

full-stack developer

Latest solutions

View more solutions

Latest comments

  • Gakii•600
    @G-Gakii

    kudos😊

  • Gakii•600
    @G-Gakii

    Hello @outHereSam.Great work finishing the challenge. your may consider this for improvement:

    • On Safari website your cart appears to be a little bit smaller but on Chrome it looks nice you may consider adding min-width

    Marked as helpful
  • Gakii•600
    @G-Gakii
    • Hello @obed-smart .This is nicely done. For improvement, you can consider below
    • Background and foreground colours do not have a sufficient contrast ratio. you can use the lighthouse to check this.
    Marked as helpful
  • Edwin Cheng•360
    @edwinc73
    What are you most proud of, and what would you do differently next time?

    I started breaking down reusable elements from the start such as button, section, section title this did help me to style and build the site quicker however I have to admit that some of it was overkill for a static page.

    additionally I had to change some styling elements because they did not pass the contrast test for acccessibility

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

    I kept trying to adjust the blue pill background with fixed css units, eventually found that percentages worked best

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

    Any feed back :D

    Bookmark | react | tailwind

    #react#tailwind-css
    1
    Gakii•600
    @G-Gakii

    i like how you have done it

  • Gakii•600
    @G-Gakii

    • Congratulations on finishing this challenge—it looks fantastic!

    • For further improvement, you can use Lighthouse to evaluate accessibility. The buttons in AngleArrowLeft.js and AngleArrowRight.js currently lack accessibility. Consider adding an aria-label attribute to these buttons to provide a clear and descriptive name.

    • The title also gives screen reader users an overview of the page, and search engine users rely on it heavily to determine if a page is relevant to their search. this will also improve your seo

  • Edwin Cheng•360
    @edwinc73
    What are you most proud of, and what would you do differently next time?

    Using context api and media query hook

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

    Any help would be useful, specially how to layout the page more efficiently

    React || taillwindcss || Sass

    #react#sass/scss#tailwind-css
    1
    Gakii•600
    @G-Gakii

    Hey wonderfully executed

    • For copyright, you can use HTML entities or the © symbol.
View more comments