Skip to content
OverviewSolutions
5
Comments
5

Yeabsira Zerihun

@DevAbilak60 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!

I’m currently learning...

Frontend development.

Latest solutions

Latest comments

  • Hiren Tumbadiya•110
    @HirenTumbadiya
    What are you most proud of, and what would you do differently next time?
    • Accuracy using proper semantic tags and proper class name for sections.
    • clean code with fonts import from other files.
    • added hover effect on footer texts.
    • next time will do better on understanding the tags, proper class name for section and responsiveness.
    What challenges did you encounter, and how did you overcome them?
    • To write proper class names to understand the code base
    • overcome this issue with understanding the "purpose of section".
    What specific areas of your project would you like help with?

    Frontend with animation and system design of frontend.

    Responsive Landing Page with Semantic Tags.

    1
    Yeabsira Zerihun•60
    @DevAbilak

    good job your solution is almost close to the given design, but you forget to remove border bottom from last nutrition (Fat: 22g). you can use border:none for that specific list.

    Marked as helpful
  • Yeabsira Zerihun•60
    @DevAbilak

    good job. I suggest trying to make the font size similar to the given design and also for the buttons there is no border in a given design

  • Yeabsira Zerihun•60
    @DevAbilak

    good job my recommendation is to use max width for the paragraph to match it with the given design and that will make it 3 lines instead of 2 lines.

  • Agidza•20
    @lynnagidza
    What are you most proud of, and what would you do differently next time?

    I'm most proud of successfully implementing a responsive design that works well across different screen sizes despite my time away from frontend development. Though simple, the final product closely matches the design requirements while maintaining clean, readable code.

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

    The main challenges I faced included:

    • CSS Syntax Issues: I initially struggled with CSS shorthand properties because I was incorrectly using commas instead of spaces to separate values. After careful debugging (Inspect) and reviewing documentation, I identified the correct syntax.
    • Centering Elements: The classic challenge of centering elements vertically and horizontally gave me some trouble. I resolved this by utilizing simple properties like margin: auto for divs and block display for the image
    What specific areas of your project would you like help with?

    I would appreciate guidance on:

    • Code Optimization: Are there ways to make my CSS more efficient? I feel like I might have some redundant styles that could be consolidated.
    • CSS Animation: I'd like to add subtle animations to enhance user experience.

    Responsive QR Code Component

    2
    Yeabsira Zerihun•60
    @DevAbilak

    you did a great job, and for the next time you can use max width for the paragraph to match the given design by making it to 3 lines rather than 2 lines.

  • Mizan•80
    @Mizan-ux
    What are you most proud of, and what would you do differently next time?

    • What I'm Most Proud Of: I'm proud of keeping the design clean and fully responsive across all screen sizes.

    • What I'd Do Differently: Next time, I'll plan the layout with a mobile-first approach from the beginning and focus more on accessibility features.

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

    I struggled with making the layout responsive, especially with fixed sizing breaking on smaller screens. I overcame it by switching to flexible units like max-width, rem, and using a mobile-first approach.

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

    I’d like feedback on improving my layout’s responsiveness without relying on too many media queries. Also, any tips on better combining Flexbox and Grid in one layout would be appreciated.

    Responsive Social_Links_Profile

    1
    Yeabsira Zerihun•60
    @DevAbilak

    good work brother. my feedback is about the responsiveness of the component there are some places I wish you could improve them well like height of the component and the paragraph sizing 0n smaller screen sizes. I think it will be helpful for you for the future to check your design on smaller screen sizes.