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

Atef Zaky

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

  • Huddel landing page using HTML5 and CSS3


    Atef Zaky•180
    Submitted over 1 year ago

    0 comments
  • Responsive Landing Page Using CSS Flexbox


    Atef Zaky•180
    Submitted over 1 year ago

    0 comments
  • Space tourism website with React and Tailwind

    #react#tailwind-css#vite

    Atef Zaky•180
    Submitted over 1 year ago

    1 comment
  • Responsive cards using css grid


    Atef Zaky•180
    Submitted almost 2 years ago

    0 comments
  • manage landing page using HTML, SCSS and JS

    #sass/scss#vite

    Atef Zaky•180
    Submitted almost 2 years ago

    0 comments
  • product-preview-card-component using HTML and CSS


    Atef Zaky•180
    Submitted almost 2 years ago

    0 comments
View more solutions

Latest comments

  • mihai2537•190
    @mihai3636
    Submitted over 1 year ago

    QR card with basic css, flexbox and no js

    2
    Atef Zaky•180
    @AtefZaky
    Posted over 1 year ago

    Hello! congratulation on completing your first challenge 🤟

    I have some suggestions to make it better and I will try to answer your questions🔽

    • in the mobile view you should give some padding to the container to make space between the card and the browser window in extra small devices. and change the height: 100vh to min-height: 100vh like that when the device's height is small your content will take up its space and the scroller will appear

    • in this challenge, you don't need to give the container max-width because the content doesn't take the full screen but when you make this you will need to give the background color to the body or the parent of the container to see the background on a large screen.

    I hope this helps you, overall nice solution, happy coding 👨‍💻

    Marked as helpful
  • Fares Salem•140
    @faressalem227
    Submitted over 1 year ago

    Responsive Sunnyside Agency Landing page

    2
    Atef Zaky•180
    @AtefZaky
    Posted over 1 year ago

    Good job.., but you need more padding in the footer and the header, Increase the size of the logo in the header and footer and the size of links in the header, Make the heading in the first section and the testimonials section uppercase and you can give the first section min-height: 100vh like that when the device screen height is small your content will remain on its shape Good luck.

    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