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

Girma

@Girma3Ethiopia340 points

Hi everyone my name is Girma , I'm currently learning at The Odin project to improve my skills Thank you in advance for checking my profile.

Latest solutions

  • Rest-Countries-Api

    #react

    Girma•340
    Submitted 8 months ago

    Hi Everyone 👋,If you have any feedback, as React is new to me, you are welcome to share it. Thanks in advance for your time!


    1 comment
  • space-tourism


    Girma•340
    Submitted about 1 year ago

    Any feedback are appreciated , thanks in advance🙏.


    0 comments
  • Ip Address Tracker


    Girma•340
    Submitted over 1 year ago

    Hi everyone , first time using map and any feedbacks you have is welcome Thanks in advance and happy coding.


    0 comments
  • Responsive Room homepage

    #animation

    Girma•340
    Submitted over 1 year ago

    0 comments
  • Multi step form with js


    Girma•340
    Submitted over 1 year ago

    0 comments
  • Loopstudios -landing-page


    Girma•340
    Submitted almost 2 years ago

    0 comments
View more solutions

Latest comments

  • P
    Marcus•310
    @marcus-hill
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Recently started learning React JS and this is my first project using it.

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

    Challenging initially to get the use of useState right, but I think it got it in the end!

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

    Please take a look at my React code and use of useState to ensure I have used it appropriately.

    Mortgage Calculator

    #react
    1
    Girma•340
    @Girma3
    Posted 7 months ago

    congratulation on your first react project you did a great job! ,As for suggestions, also I'm new to React, but I noticed you could use one state to manage your data by putting them in an object rather than to create each state for one input. Here's a helpful link [https://react.dev/learn/updating-objects-in-state] and you can calculate the final result based on state value so you don't have to create state use simple function. Also, I noticed in console that your label "for" attribute doesn't match the input id. You might want to adjust that and Keep up the good work!

  • Ser Yeon(wanzi)•120
    @ser-yeon
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I finally wrote my first README and used GitHub and GitHub Pages for the first time. These tasks took me a long time, even longer than completing the challenge itself. Next time, I’ll be faster.

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

    Challenges:

    1. Controlling the size ratio of client's logo images

    2. z-index not working as expected

    3. Element positioning and the document flow

    4. How CSS transform affects z-index behavior

    5. Making the last element wrap in flexbox

    6. Fixing dropdown menu overlapping issues

    7. hover pseudo-class inheritance issues

    8. How to create a desktop navigation bar without grouping

    9. Handling window resize events with checkbox states

    I first try to solve problems on my own and also consult AI tools. If I spend too much time on a single problem, I’ll look at others’ solutions. In most cases, reviewing others’ solutions gives me great inspiration.

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

    Since I study on my own at home and haven’t discussed my code with others, I’m not sure what issues my code might have. I hope experienced people can point out areas for improvement. Thank you so much!

    Sass, HTML, JavaScript, flex, grid

    #sass/scss#bem
    1
    Girma•340
    @Girma3
    Posted 7 months ago

    Great job on the project!, I noticed that when the features dropdown is clicked, it gets positioned behind the H1 element. It seems to be related to the transform property on the main element. When I removed the transform property, it resolved the issue, so check that out and keep up the great work!"

    Marked as helpful
  • Temesgen Adane•510
    @temesgen-982
    Submitted 8 months ago
    What specific areas of your project would you like help with?

    It is not responsive.
    The radio icons are not working properly.

    Contact form

    2
    Girma•340
    @Girma3
    Posted 8 months ago

    Great job on creating nice form, and for radio button the browser have default standard size so to adjust size you can use transform property like this (transform: scale(1.5) to scale based on your choice or you can create your custom style using pseudo-element.

    Marked as helpful
  • Yohannes Merete•340
    @YohannesDream
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    Hi everyone, I just completed another project and would love to get your feedback. Thanks in advance for your help!

    Responsive Huddle Landing Page

    1
    Girma•340
    @Girma3
    Posted over 1 year ago

    Hi Yohannes, you build great landing page well done and just to give you simple feedback when you use links with no address add aria-label for accessibility in your case you have three links in footer example for twitter add aria-label="twitter" and so on also in future when you have buttons that doesn't have no name but symbols only such as previous(<) and next(>) button etc add aria-label and keep up with the great work 💪

    Marked as helpful
  • Yohannes Merete•340
    @YohannesDream
    Submitted over 1 year ago

    Responsive SIngle Price Grid Component

    1
    Girma•340
    @Girma3
    Posted over 1 year ago

    Hi Yohannes , you build cool card and If I have to be neat pick based on my opinion add hover effect on the button or on the card to make it interactive overall nice job.

  • Ayomiku Almaroof Olarewaju•280
    @ayomikuolarewaju
    Submitted over 1 year ago

    Astro js and Tailwindcss and Vanilla Javascript

    #astro#tailwind-css
    1
    Girma•340
    @Girma3
    Posted over 1 year ago

    Hi @ayomikuolarewaju , I may have these feedbacks when the screen size shrink the article and slider buttons are in wrong position ,in big screen the article moved to the right and it get cutted or overflow so decrease the padding and margin on the left side of the article and you can add slider functionality since you almost finished and put all the things there and it makes it better , you got this and happy coding.

View more comments
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

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