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

abdelabou

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

  • Response product preview card component with plain HTML and CSS


    abdelabou•50
    Submitted 3 months ago

    1 comment
  • Recipe Page in Plain CSS & HTML


    abdelabou•50
    Submitted 3 months ago

    1 comment
  • Social links profile challenge in html and css with flex and grid


    abdelabou•50
    Submitted 3 months ago

    1 comment
  • plain html and css blog preview card


    abdelabou•50
    Submitted 3 months ago

    1 comment
  • QR component challenge with display flex


    abdelabou•50
    Submitted 3 months ago

    There are multiple ways to solve this challenge. I'm curious whether I chose the right solution


    1 comment

Latest comments

  • MargaritaAlex•100
    @MargaritaAlex
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    For finishing the challenge. I'm proud that I was persistent in doing the exercise correctly and that even with help I didn't give up until I understood it in its essence. I would explore more with semantic HTML and clean CSS.

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

    CSS, this one was very difficult for me, I had trouble and needed help.

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

    I have trouble with the display attribute and all the rem,em values.

    product-preview-card

    1
    abdelabou•50
    @abdelabou
    Posted 3 months ago

    greate solution. One little thing some people tend to use tab to "select" elements. you could have used :focus on the button to change the color like with :hover.

    but apart from that. great solution

  • Amen•170
    @ATRam3
    Submitted 3 months ago
    What challenges did you encounter, and how did you overcome them?

    I am a little encountered a challenge on creating a table with its style and to make it responsive for a mobile device.

    Responsive Recipe page

    1
    abdelabou•50
    @abdelabou
    Posted 3 months ago

    Clean and well-structured HTML with good semantic use of elements. CSS is organized and readable, with helpful variable usage. Consider removing duplicate Google Font imports and using consistent variable naming (--stone-100 instead of --Stone_100). Use alt text for the image for better accessibility. Avoid inline styles in HTML—move them to CSS classes. Naming conventions like BEM are applied well. Responsive styling is present but could benefit from earlier max-width constraints. Overall, a solid and thoughtful implementation with room for minor cleanup. Great job!

  • YramiAddo•10
    @YramiAddo
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I'm comfortable completing this project and hoping to do more

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

    Nothing actually

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

    Multi-page websites

    social links profile

    1
    abdelabou•50
    @abdelabou
    Posted 3 months ago

    Well done — great use of Bootstrap.

  • Ikwueto Chinonso•50
    @harrison-chinonso
    Submitted 4 months ago

    Responsive HTML Page using css grid

    1
    abdelabou•50
    @abdelabou
    Posted 3 months ago

    really nice done. But I think that the challenge was to develop just the card.

  • Mamir•30
    @Cardano04class
    Submitted 3 months ago

    Qr Code HTML/CSS

    1
    abdelabou•50
    @abdelabou
    Posted 3 months ago

    great solution. The only thing I'm missing is the font:

    @import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap");

    font-family: "Outfit", sans-serif;

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