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

ahmed safwat

@ahhmedsafwategypt230 points

hah

Latest solutions

  • flex and grid using tailwind, mongoDB atles, Express, ReactJs

    #express#mongodb#node#react#tailwind-css

    ahmed safwat•230
    Submitted about 1 year ago

    I would like to know why dose my vercel server sometimes work and some other times doesn't its weird


    0 comments
  • I've employed a combination of grid layout and flexbox in my project

    #accessibility

    ahmed safwat•230
    Submitted over 1 year ago

    1 comment
  • i used in this awsome board the flex box and alot of opsitions


    ahmed safwat•230
    Submitted over 3 years ago

    0 comments
  • this challenge created with grid and usering auto fill with mixmax


    ahmed safwat•230
    Submitted over 3 years ago

    0 comments
  • useing some css and html


    ahmed safwat•230
    Submitted over 3 years ago

    0 comments
  • this is the worth one i do but still matching the challenges


    ahmed safwat•230
    Submitted over 3 years ago

    0 comments
View more solutions

Latest comments

  • P
    Thanos Kalaitzis•100
    @Thanos-M11
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    I used the context API on this project combined with a react-router to manage UI state and I think that on such an app I would use the context API again.

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

    It took me some time to find a way to change the svg icons according to light-dark mode. Initially i was importing the svg icons as img files and I was not able to change their colors. The solution i came up with was to include the svg script directly to the html.

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

    Any comment on any approach would be much appreciated trying to improve myself and apply best practices.

    Rest Countries API with React, React Router, Responsive, Modular CSS

    #fetch#react#react-router#vite
    1
    ahmed safwat•230
    @ahhmedsafwat
    Posted 12 months ago

    That is a pretty good website man keep it up, my advice to you is that you didn't create any pagination which I think is essential for this kind of website otherwise than that it's so good keep it up <3

  • Kalin Angelov•360
    @kalin-angelov
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Building it.

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

    The REST API that was provided was going down all the time and i couldn't make the challenge with Fetch Api so i had to use the DB Json file.

    Countries With Color Theme Switcher - Vite, React

    #react#vite#sass/scss
    1
    ahmed safwat•230
    @ahhmedsafwat
    Posted about 1 year ago

    best one i have ever seen so far

  • Mihai Niculae•250
    @mihainrs
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Worked some more on the overall responsiveness, and got to code the burger menu again

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

    Not very familiar with grid, so I struggled a bit to wrap my head around how it works but I figured it out in the end!

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

    Any feedback's good!

    News homepage

    1
    ahmed safwat•230
    @ahhmedsafwat
    Posted about 1 year ago

    it's perfect, the only issue I came across was your navbar you don't have to give the <nav> a fixed width because in mid to small screens it expands out of the screen but when you remove the fixed width the issue is no longer there and also the three cards in the bottom they grow out of the screen to make them wrap in mid to small screens so they don't compress on themselves I know this might seem not perfect to you but its really good just 2 modifications 😂😂

    Marked as helpful
  • Raptor0x1•210
    @Raptor0x1
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I use the local fonts next time and use the flexbox for the card description.

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

    I had difficult in the centering the card and changing the box-shadow size when hovered over the card

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

    I guess the link in the card description is not clickable as the whole card is covered by the anchor tag of the h2 tag using ::after. So need help with this.

    Responsive Blog Preview Card Using Flexbox and pseudo-content trick

    1
    ahmed safwat•230
    @ahhmedsafwat
    Posted about 1 year ago

    the issue is that the :: after of your title covers the whole card, to solve this remove the::after and It will work just fine

  • P
    Aaron Smith•260
    @medic-code
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Getting the design mostly accurate. i think i would've probably done less on getting the inbetween sizes working correctly and sticked to the desktop and mobile view only.

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

    Whilst i was able to get the desktop and mobile versions to the design, inbetween sizes of height were incredibly difficult to figure out how to fix the overflowing top part of the card. It looked like the flexbox was actually causing this problem and was unable to find a solution to center the card without, despite thinking about floats or using auto margin.

    Additionally getting the padding between the bullet point and the text in the list was really challenging, solutions made to seem this was relatively easy but nothing seemed to work, using ::marker, using ul or li padding/margin. Not quite sure why!

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

    Better responsiveness on intermediate desktop sizes, the card overflows on my own laptop for example.

    A better way to add padding on the bullet point lists.

    Responsive recipe card

    3
    ahmed safwat•230
    @ahhmedsafwat
    Posted about 1 year ago

    hello there, the photo isn't visible in mid to x-large screens

  • abdelrahman•90
    @AbdAlrahmanmohamedelsayed
    Submitted over 1 year ago

    Html And Css

    #web-components
    1
    ahmed safwat•230
    @ahhmedsafwat
    Posted over 1 year ago

    great work my dude <3

View more comments
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