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

Yousef Adel

@YousefAdelGitAlmansura,Egypt70 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

  • responsive preview card


    Yousef Adel•70
    Submitted 2 days ago

    1 comment
  • Responsive recipe page


    Yousef Adel•70
    Submitted 4 days ago

    1 comment
  • Responsive links profile using css


    Yousef Adel•70
    Submitted 5 days ago

    1 comment
  • Responsive Preview card


    Yousef Adel•70
    Submitted 7 days ago

    0 comments
  • QR Code with html and css


    Yousef Adel•70
    Submitted 25 days ago

    I would like to improve the responsive CSS


    0 comments

Latest comments

  • Dan-Nicolas•60
    @Dan-Nicolas
    Submitted 2 days ago

    Product Preview

    1
    Yousef Adel•70
    @YousefAdelGit
    Posted 2 days ago

    good

  • P
    joeabrahamian•50
    @joeabrahamian
    Submitted 4 days ago
    What are you most proud of, and what would you do differently next time?

    Getting a little more comfortable with media queries

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

    Struggling to style the table element in css

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

    More practice on media queries as well as with styling tables. Also a little bit more on positioning.

    Recipe Page

    1
    Yousef Adel•70
    @YousefAdelGit
    Posted 4 days ago

    Great work joe, keep the good work

  • Mahasri07•40
    @Mahasri07
    Submitted 18 days ago

    Social link profile using HTML and CSS

    1
    Yousef Adel•70
    @YousefAdelGit
    Posted 5 days ago

    Good

  • fatihaosman•40
    @fatihaosman
    Submitted 7 days ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of how the custom box shadow turned out — it adds a nice layered, standout effect to the card and gives it personality. It was a small detail, but it made a big visual difference.

    Next time, I’d try to fully implement it using Tailwind’s utility classes instead of inline styles. That way, the styling would be more consistent and easier to manage within the Tailwind framework.

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

    Overall, the project was quite straightforward. The only minor challenge I faced was getting the box shadow to look exactly how I envisioned it. Tailwind’s default shadows didn’t give me the bold effect I was going for, so I ended up customizing it with inline styles to get the precise look.

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

    I’d really appreciate help with implementing the box shadow using Tailwind’s utility classes instead of custom inline styles. I wasn’t sure how to achieve the bold shadow effect I wanted using only Tailwind, so I resorted to writing a custom box-shadow in the style attribute.

    HTML Tailwind CSS (via CDN) Plain CSS (for custom box-shadow)

    1
    Yousef Adel•70
    @YousefAdelGit
    Posted 7 days ago

    very good but kind of small

    Marked as helpful
  • Stif351•70
    @Stif351
    Submitted 24 days ago

    qr-code

    2
    Yousef Adel•70
    @YousefAdelGit
    Posted 22 days ago

    Good, but you didn't use the same font in design (outfit font) which they provided.

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