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

ahmed walied

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

  • 3-column preview card component


    ahmed walied•160
    Submitted 3 months ago

    1 comment
  • Testimonials grid section


    ahmed walied•160
    Submitted 4 months ago

    0 comments
  • QR code component


    ahmed walied•160
    Submitted 4 months ago

    0 comments
  • bento grid


    ahmed walied•160
    Submitted 4 months ago

    0 comments
  • Product preview card component


    ahmed walied•160
    Submitted 4 months ago

    1 comment
  • Order summary component


    ahmed walied•160
    Submitted 4 months ago

    0 comments
View more solutions

Latest comments

  • Adam Abdallah•20
    @AdamAbdallah1
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I'm currently learning html, css, js in a company that called SE Factory in lebanon and the last session i learned about css flex box and media queries and i thought that i can just practice what i've learned in this challenge it was very easy and i am proud that i did it thanks

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

    In this simple challenge i didn't encounter any challenges

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

    not specific area

    flexbox css html

    #accessibility#airtable#angular#ionic
    1
    ahmed walied•160
    @ahmedcodewalied
    Posted 3 months ago

    nice work try to use, body { background-color: hsl(0, 0%, 8%); display: flex; justify-content: center; align-items: center; height: 100vh; }

    Marked as helpful
  • Lysak-Maxim•100
    @Lysak-Maxim
    Submitted 3 months ago
    What specific areas of your project would you like help with?

    Your thoughts on HTML semantics or my CSS grid layout implementation, pls:)

    grid flex mobile first

    1
    ahmed walied•160
    @ahmedcodewalied
    Posted 3 months ago

    try to use body { display: flex; justify-content: center; align-items: center; height: 100vh; } to center the items

  • waghmare-amit•70
    @waghmare-amit
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I came back to coding after several months and my first thought was it would take so much time for me to understand things back but to my shock I completed this website within 3 days, spending around 1 hour daily. The most proud thing I am of is completing this website within an unexpected time!

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

    I am not so clear about the usecases of some commands, so it is hard to decide which function to use where and when; I guess this confusion will be clear down the road and I will increase my knowledge about all the functions with time while doing more projects.

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

    Since it's an easy task, to just make a landing page using HTML and CSS, it didn't require much help. But I have to thank internet, from where I could seek help for little things like where to use which function and all...

    Landing page for Social Links

    1
    ahmed walied•160
    @ahmedcodewalied
    Posted 3 months ago

    great job, you can use body { display: flex; justify-content: center; align-items: center; height: 100vh; } to center the Social Links card

    Marked as helpful
  • Abdulrahmon Ogunwale•100
    @moyinoluwa001
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I am really proud of this challenge especially the area of the the responsivness

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

    I really face a lot of challenges first the arrangement of card grid according to there individual places and also to similar with the template giving. to make the web page responsive for mobile and tablet

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

    The styling area and also the header and footer

    Responsive testimonials grid section main

    #accessibility
    2
    ahmed walied•160
    @ahmedcodewalied
    Posted 3 months ago

    great work, you can change max-width to 1200px and the height to 650px

    Marked as helpful
  • Neelima•60
    @neelima-7997
    Submitted 4 months ago

    SOCIAL-LINK-PROFILE

    1
    ahmed walied•160
    @ahmedcodewalied
    Posted 4 months ago

    god job pro, you can center the card by write body { display: flex; justify-content: center; align-items: center; height: 100vh; }

  • Ferdinard Ashonibare•160
    @Iconvibes
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I am happy i finally got a little on on css grid, I was able to finish the projects in under 30 minutes and trust me , looking at how i've been coming, it's a lot of progress

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

    I was not able to set the background quotation image on the first container and i would love if i can get help with that

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

    the background quotation image on the first container i had a little issue with setting it . i try z index but the h2 and paragraph under the image and name keep going up . I would really appreciate come help on that and css positioning in general . Thanks

    Responsive css grid

    2
    ahmed walied•160
    @ahmedcodewalied
    Posted 4 months ago

    pro you can use
    body { display: flex; justify-content: center; align-items: center; height: 100vh; } to mediate the grid-container

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