Youssef Mohammed

Latest comments

• 

  P

  toshirokubota•830

  @toshirokubotaSubmitted about 2 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

  00
  

  Youssef Mohammed•320

  @YussefMoPosted about 2 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

  0
• 

  Tst Max•420

  @Tasin269Submitted 2 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

  40
  

  Youssef Mohammed•320

  @YussefMoPosted 2 months ago

  Nice Editing idea ♥️

  0
• 

  FrancoRaymond•490

  @FrancoRaymondSubmitted 3 months ago

  

  Space tourism website

  1

  10
  

  Youssef Mohammed•320

  @YussefMoPosted 3 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

  1
• 

  MoatazAhmad•140

  @MoatazAhmadSubmitted 3 months ago

  

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

  #vue#tailwind-css

  1

  30
  

  Youssef Mohammed•320

  @YussefMoPosted 3 months ago

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

  0
• 

  Youssef Mohammed•320

  @YussefMoSubmitted 5 months ago

  

  Responsive Manage Landing Page Master

  1

  10
  

  Youssef Mohammed•320

  @YussefMoPosted 5 months ago

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

  0
• 

  Yousef Wageh•150

  @9wagehSubmitted 5 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

  20
  

  Youssef Mohammed•320

  @YussefMoPosted 5 months ago

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

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

  Marked as helpful

  0