Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
4
Comments
4

Daniel Oti Yeboah

@TIC0NDER0GAAtlanta, GA40 points

UGA 2023 Graduate

Latest solutions

  • Static Page for recipes

    #react#tailwind-css#vite

    Daniel Oti Yeboah•40
    Submitted 3 days ago

    1 comment
  • Profile Links Page

    #react#tailwind-css#vite

    Daniel Oti Yeboah•40
    Submitted 24 days ago

    When I styled the group of child buttons the tailwind CSS styling became very long, is there a way to consolidate it?


    1 comment
  • Blog Post Preview

    #react#tailwind-css#vite

    Daniel Oti Yeboah•40
    Submitted 27 days ago

    Is there a better way I could have done my positioning layout? I have many grids/flexboxes within each other is this normal?


    1 comment
  • QR Code Component

    #react#tailwind-css#vite#typescript

    Daniel Oti Yeboah•40
    Submitted 28 days ago

    If there are better ways to utilize the styles guide, for the colors I wasn't sure how to use hsl in my code so I just converted it to hex. Also if there's a better way to structure the html i used a lot of divs.


    2 comments

Latest comments

  • ArashSoltaniHemmat•150
    @ArashSoltaniHemmat
    Submitted 19 days ago

    Simple Omelette Recipe

    #tailwind-css
    1
    Daniel Oti Yeboah•40
    @TIC0NDER0GA
    Posted 3 days ago

    Good Job Looks Great! For readability you may want to space the list items by putting a slightly larger gap between them.

  • Amit Shaw•40
    @iamitshaw-1998
    Submitted 24 days ago
    What are you most proud of, and what would you do differently next time?
    • Focus action-able items when performing keyboard navigation.
    • On hovering over the link/list-item whole link get's activated
    What challenges did you encounter, and how did you overcome them?
    • highlighting elements when performing keyboard navigation
    • activating the whole link when link/list-item is hovered
    What specific areas of your project would you like help with?
    • Writing media query to make web-pages responsive on different screen
    • Advance CSS features (container query, clamp, etc.)

    Responsive Social Links

    #bem#vite#accessibility
    1
    Daniel Oti Yeboah•40
    @TIC0NDER0GA
    Posted 24 days ago

    Your design looks quite good. However, the padding on the container that holds all the child elements looks cramped compared to the solution. Additionally, for the link text the light gray color for the font is too close to the dark gray color surrounding it making it hard to read.

  • ErickSo5•20
    @ErickSo5
    Submitted 27 days ago
    What are you most proud of, and what would you do differently next time?

    estoy orgulloso del como pude acomodar y replicar el diseño otorgado

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

    El momento de poder importar una fuente igual y con ello tambien el poder acomodar los elementos

    I use react + vite

    #vite
    1
    Daniel Oti Yeboah•40
    @TIC0NDER0GA
    Posted 27 days ago

    ¡Buen trabajo!

  • Kagiso Emmanuel Moepya•520
    @MoepyaCode
    Submitted 10 months ago

    QR code component

    #react#typescript#tailwind-css
    1
    Daniel Oti Yeboah•40
    @TIC0NDER0GA
    Posted 27 days ago

    Great Solution! I like that you used tailwind!

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub