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

Haileleul Kehali

@Hailekeh22Ethiopia160 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

  • Space-tourism-multi-page-website with Next.js and Tailwind CSS

    #next#tailwind-css#react

    Haileleul Kehali•160
    Submitted 8 months ago

    0 comments
  • REST-Countries-API-with-color-theme-switcher

    #react#redux-toolkit#tailwind-css#typescript#vite

    Haileleul Kehali•160
    Submitted 9 months ago

    0 comments
  • Loopstudios Landing Page with Next.js and Tailwind CSS

    #next#tailwind-css#react

    Haileleul Kehali•160
    Submitted 9 months ago

    0 comments
  • Product Preview card Solution


    Haileleul Kehali•160
    Submitted over 1 year ago

    0 comments

Latest comments

  • leodk293•370
    @leodk293
    Submitted 5 months ago

    Where in the world ? 🌍🌏

    #react
    2
    Haileleul Kehali•160
    @Hailekeh22
    Posted 5 months ago

    when you refresh the website on <Country /> page the website crashes. you can fix it buy adding vercel.json file on your project.

    and add this configuration. { "rewrites": [ { "source": "/(.*)", "destination": "/index.html" } ] }

  • CodeWithSubaru•150
    @CodeWithSubaru
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    what i want to enhance is my ability to solve the layouts faster cause that's hard for me to decide on how i should tackle the layouts and also my naming convention between classes

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

    problems that i did encounter was the layouting which i find it more hard. but when i used grid-template-areas it so much simpler and readable solution. and i would take that advantage to use it in every projects that i will make next time

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

    i think in all aspects. like in my layouts, font, and if it is accurate within the required designed.

    Responsive layout with the use of grid and flex

    1
    Haileleul Kehali•160
    @Hailekeh22
    Posted 8 months ago

    nice. One thing you missed is that the home page's explore button should take you to the destination page.

    Marked as helpful
  • Elena Girma Mandefro•70
    @Ela1650
    Submitted 8 months ago

    Product-preview-card-component

    1
    Haileleul Kehali•160
    @Hailekeh22
    Posted 8 months ago

    nice card Elena. Here are my few suggestions. Add "width: 100%;" to your ".product-info.btn button" to make your button have full width. also consider adding some margin top to the button

    Marked as helpful
  • iperezdev04•90
    @iperezdev04
    Submitted 8 months ago

    rest-countrie-api

    #react#typescript
    2
    Haileleul Kehali•160
    @Hailekeh22
    Posted 8 months ago

    very nice. you can use browsers local storage to make your theme persistent

  • Henry Souza•100
    @henrycsouza
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I ended up taking it very seriously. But I finished the essential part of the project, but I still need to organize the second screen better and resolve some responsiveness issues for mobile devices. I also plan to separate the CSS into specific files for each screen and, finally, add JavaScript to enrich the functionality.

    Frontend| Perfumes

    1
    Haileleul Kehali•160
    @Hailekeh22
    Posted 8 months ago

    very nice. in order to make the card responsive, you should use media queries

    Marked as helpful
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

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