Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
19
Comments
7
Ahmed Alharees
@AhmedAlharees

All comments

  • Tarık•330
    @developertarik
    Submitted almost 2 years ago

    interactive-rating

    1
    Ahmed Alharees•360
    @AhmedAlharees
    Posted almost 2 years ago

    Hi @developertarik. There's problem in solution is that the submit button doesn't function properly. I hope you notice it soon.

  • Nachoho•50
    @Nachoho
    Submitted almost 2 years ago

    Product preview

    1
    Ahmed Alharees•360
    @AhmedAlharees
    Posted almost 2 years ago

    This is a wonderful solution @Nachoho. But the card is supposed to be centered vertically in the middle of the page, in your solution it's on the top. a solution for this problem is setting the body to 'display: flex' instead of display grid, and apply these changes also: body{ height: 100vh; display: flex; align-items: center; justify-content: center; } and the problem should be fixed. and if you want to keep the attribution div to the buttom, add "flex-direction: column". Good luck.

  • Jose Jimmy•290
    @jose-jimmy
    Submitted almost 2 years ago

    Responsive Base Apparel coming soon page

    1
    Ahmed Alharees•360
    @AhmedAlharees
    Posted almost 2 years ago

    Nice solution mate👍🏻. but I don't know if it suppose to do that, but when I write an email and press enter I'm transferred to a blank white page for some reason, I hope you fix that. Other than that, it's nice, keep it up.

    Marked as helpful
  • Ferdi Tondeur•100
    @ferditondeur
    Submitted about 2 years ago

    Responsive three-column cards

    1
    Ahmed Alharees•360
    @AhmedAlharees
    Posted about 2 years ago

    Nice job completing this challenge 👏 couple of notes for you:

    1. try separating the CSS code into different file, that's the best practice, and It will certainly makes it easier to work with.
    2. try giving the cards more space on mobile layout, it will make them look better.
    3. It doesn't matter in small project if it's flex-box or grid, they are both amazing and get the job done, plus if it works it works😅. other than that, good job, and good luck for you.
  • Melvin Aguilar 🧑🏻‍💻•61,020
    @MelvinAguilar
    Submitted over 2 years ago

    Article preview component (Tailwind CSS + JavaScript)

    #accessibility#tailwind-css
    13
    Ahmed Alharees•360
    @AhmedAlharees
    Posted about 2 years ago

    Nice work <3.

  • Lucas 👾•104,160
    @correlucas
    Submitted almost 3 years ago

    3 Column Preview Card (Vanilla CSS + Custom Design & Hover States)

    13
    Ahmed Alharees•360
    @AhmedAlharees
    Posted over 2 years ago

    WOW! what an amazing vision for this challenge.

  • A B D U L - M U J I B•120
    @ashtagmujib
    Submitted over 2 years ago

    Responsive sunny side landing page built with html css and js

    1
    Ahmed Alharees•360
    @AhmedAlharees
    Posted over 2 years ago

    Honestly, it's beautiful. but i don't know if my screen is too large or something, but there's a white gap on the right, and all the website is pushed to the left. Plus the website doesn't work on smaller screen sizes. I hope you notice that <3.

    Marked as helpful
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