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

Youssef Mohammed

@YussefMoEgypt320 points

HTML CSS JS learner

I’m currently learning...

JS

Latest solutions

  • Shortly-URL-React

    #react#vite#axios

    Youssef Mohammed•320
    Submitted 6 months ago

    Nothing really, but if anyone knows how to fix the original API CORS request, I'd be grateful.


    0 comments
  • responsive space tourism website main react

    #react

    Youssef Mohammed•320
    Submitted 6 months ago

    0 comments
  • Responsive Manage Landing Page Master


    Youssef Mohammed•320
    Submitted 8 months ago

    1 comment
  • Responsive Chat App Css Illustration Master withe hover & select


    Youssef Mohammed•320
    Submitted 8 months ago

    0 comments
  • Responsive Calculator App Main With Temes


    Youssef Mohammed•320
    Submitted 8 months ago

    1 comment
  • responsive pricing component with toggle master and hover effect


    Youssef Mohammed•320
    Submitted 8 months ago

    1 comment
View more solutions

Latest comments

  • P
    toshirokubota•1,340
    @toshirokubota
    Submitted 5 months ago
    What challenges did you encounter, and how did you overcome them?

    I struggled to make the footer image right. I tried various background-blend-mode, color overlay with different alpha values, etc. I finally got something looks ok.

    I thought I would have a hard time making up the circled number, but it went fairly smoothly, thanks to the flexbox.

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

    I really appreciate any comments/suggestions/encouragements.

    I often overlook handling of interactive elements, setting right margins/paddings, choosing right fonts. I appreciate if you can point out any oversight on my part.

    meet landing page

    1
    Youssef Mohammed•320
    @YussefMo
    Posted 5 months ago

    Hello good work on completing this challeng, I checked your solution and found that the page is not scaling well on any screen wider than 1440px. The issue is in this CSS code:

    main {
        width: 100%;
        max-width: 1440px;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        padding: 2rem 2rem 0 2rem;
        background-color: var(--white);
        overflow: hidden;
    }
    

    You're using max-width: 1440px;, which means that whenever someone visits your website on a larger screen, it won’t display properly. Always make sure your website scales properly on any screen width or height.

    My advice is to remove the max-width so the layout adapts correctly to all screen sizes.

    Marked as helpful
  • Tst Max•420
    @Tasin269
    Submitted 5 months ago
    What challenges did you encounter, and how did you overcome them?

    The only challenging part was flipping the card so googled it and found out about rotateY, transform style and backface visibility property which did the job.

    Custom Blog Preview Card

    #accessibility#sass/scss#semantic-ui#jquery
    2
    Youssef Mohammed•320
    @YussefMo
    Posted 5 months ago

    Nice Editing idea ♥️

  • FrancoRaymond•550
    @FrancoRaymond
    Submitted 6 months ago

    Space tourism website

    1
    Youssef Mohammed•320
    @YussefMo
    Posted 6 months ago

    you need to work on the screen width that are greater than 1440px by making sure the background is taking cover as size and contanier width 100% so it fit any screen

    Marked as helpful
  • MoatazAhmad•230
    @MoatazAhmad
    Submitted 6 months ago

    space-tourism , vuejs , vue-router , tailwind css

    #vue#tailwind-css
    1
    Youssef Mohammed•320
    @YussefMo
    Posted 6 months ago

    nice work 😍 put try to make the web app more faster as much as possible 🥰

  • Youssef Mohammed•320
    @YussefMo
    Submitted 8 months ago

    Responsive Manage Landing Page Master

    1
    Youssef Mohammed•320
    @YussefMo
    Posted 8 months ago

    i'm realy proud about the result if there is any suggestion feel free to tell😊

  • Yousef Wageh•150
    @9wageh
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    i am proud to know how to move items like this

    chat-app-css-illustration-master

    1
    Youssef Mohammed•320
    @YussefMo
    Posted 8 months ago

    ازيك يا جو الشغل الى انت عامله حلو بس محتاج تظبط المديا كويرى بتاعتك عشان الشكل على التلفون مش مظبوط اوى محتاج بس يتظبط كام حاجه بسيطه هقلك عليهم تجربهم اول حاجه ال html عندك غلطه بسيطه الا وهى قاعده من اساسيات كتابه الهيدر ان الاستايل بتاعك دايما اخر حاجه فى الهيدر السبب فى كده انك زى مانت عامل رابط جوجل فونت و ايكونات فونت اوسم احيانا هتلاقى مشاكل السبب فى ده ان الينك بتاع الاستايل بتاعك لو قبلهم بياخد اولويه التنفيز فا لو عندك اى لينك اونلاين الاستايل بتاعك دايمه فى الاخر بالنسبه للميديا كويرى تضيف كويرى لى

    Max width 480px كمان حاول تعمل التصميم بتاعك ريسبونسيف قدر الامكان عشان متتعبش فى الكويرى وتكتب كتير بحيث عايزك تتعود تستخدم النسب فى العرض و الطول بقدر الامكان بدل البيكسل لو عايز تشوف مثال للكلام ده تقدر تشوف البروجيكت بتاعى نفس ده بس هتلاقيه ريسبونسيف اكتر حاول تشوف الكود وكده واتمنالك التوفيق https://www.frontendmentor.io/challenges/chat-app-css-illustration-O5auMkFqY/hub

    Marked as helpful
View more comments

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