Nebiyou Ersabo

@Nebiyou12
Kampala, UG
230Points

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

  • Desktop design screenshot for the Huddle landing page with a single introductory section coding challenge

    css flexbox for huddle landing page

    • HTML
    • CSS
    Submitted

    Howdy y'all, This is my 7th newbie challenge. I used a mobile first approach but had a really tough time rescaling it to desktop version. The live site is slightly different that the design screenshot so check it out.

    The issue I wasn't able to solve was that the social icons on phone look very cluttered. Although they look decently spaced out on dev tools, that is not the case when I open it on my iphone. No clue how to solve this one. Perhaps it has something to do the method i used for the border-lines of the socials and how I centered them.

    Apart from that any suggestions, comments, shortcuts are very welcome!

  • Desktop design screenshot for the Four card feature section coding challenge

    Mobile first, Flexbox only solution

    • HTML
    • CSS
    Submitted

    Howdy there,

    This is my 6th newbie challenge. I learning more and more as I walk-through each of these challenges. For this one, I used a mobile first approach and attempted to make it responsive for desktop as well.

    Any feedbacks, suggestions, shortcuts are very welcome.

    Thanks!

  • Desktop design screenshot for the Social proof section coding challenge

    CSS Flexbox and grid solution for the social proof challenge

    • HTML
    • CSS
    Submitted

    Howdy there, this is my fifth challenge out here. I used the mobile first approach, and had a very hard time rearranging it to the desktop view. Also, I feel like my CSS code is a bit redundant and that I could have used significantly less code to achieve the same thing. Any feedbacks, suggestions, and shortcuts are very welcome! Thanks!

  • Desktop design screenshot for the Single price grid component coding challenge

    Responsive CSS flexbox solution for single price grid template

    • HTML
    • CSS
    Submitted

    Howdy there, This is my fourth challenge here. It was a fun challenge to build as usual. I have attempted to make the page decently responsive with a hover state too. Any feedbacks, suggestions, shortcuts are very welcome. Thanks!

  • Desktop design screenshot for the Profile card component coding challenge

    CSS flexbox solution for profile card

    • HTML
    • CSS
    Submitted

    Howdy there, This is the third challenge I have attempted. I found it a lot harder than I thought. I just learnt about CSS transform/translate function and implemented them on the page. Any suggestions and comments are very welcome. Thanks!

  • Desktop design screenshot for the 3-column preview card component coding challenge

    CSS flexbox responsive 3-column card preview

    • HTML
    • CSS
    Submitted

    Howdy there, I learnt HTML and CSS few days ago, and this is the second project I have finished. Checkout the web responsiveness and resizing part and let me know what I need to fix. I usually build the desktop design first and adjust it to mobile (which I found very excruciating).

Latest Comments

    • HTML
    • CSS

    HTML and CSS huddle landing page

    2
    Nebiyou Ersabo230 | Posted 4 days agocommented on Philip-dro's "Huddle landing page with a single introductory section" solution

    Hey there, It looks really good. My one suggestion would be to set a max-width for the image and the contents, because the images gets unnecessarily big and the content gets highly stretched till the screen reaches the 767px breaking point.

    0
    • HTML
    • CSS

    flex box and media queries

    1
    Nebiyou Ersabo230 | Posted 5 days agocommented on Joshua Achorn's "3-column preview card component" solution

    Looks great! Yes, this challenge doesnt need js. My only suggestion would be to add a margin-top on the attribution to create some space. Also you're meant to fill in your name in the coded by section πŸ‘

    0
    • HTML
    • CSS

    Mobile first huddle landing page with scss

    6
    Nebiyou Ersabo230 | Posted 5 days agocommented on ToNisamBioJa's "Huddle landing page with a single introductory section" solution

    Great job here! Just add cursor:pointer on the social icons and you're good to go.

    I think you nailed this one! πŸ‘

    1