Skip to content
OverviewSolutions
18
Comments
6

Mohamed Abas

@mrprogrammer1-2430 points

I'm a frontend developer and i'm still learning i learnt HTML, Css, Sass and JavaScript and I'm here to practice and improve my skills

Latest solutions

View more solutions

Latest comments

  • Marzia Jalili•8,410
    @MarziaJalili
    What are you most proud of, and what would you do differently next time?

    Man, I learned a lot this time!

    Here you go with the list:

    1️⃣ npm package called React-Icons for the icons

    2️⃣ Another package called React-Use for the Navbar

    3️⃣ React hook called useRef

    4️⃣ New implementation for GSAP

    5️⃣ The most surprising one, a self-closing <div /> and <span />

    6️⃣ Some new Tailwind CSS classes

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

    Some overflow issues, fixed by container, mx-auto, grid and so on.

    😎😎😎

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

    Sometimes if the videos don't get loaded properly, you gotta either wait a little or refresh the page.

    Make sure to check out the following:

    1️⃣ The video change when clicking the center of the Hero Section

    2️⃣ The audio on the Navbar

    😁😁😁

    Zentry Gaming Platform | React JS ⚛️ & Tailwind CSS 🎨 & GSAP 🚀

    9
    Mohamed Abas•430
    @mrprogrammer1-2

    that was awesome, it looks so amazing that you gave me motivation to learn animation

  • Dadci•200
    @Dadci

    Countries app

    #react#redux-toolkit#tailwind-css#vite#react-router
    2
    Mohamed Abas•430
    @mrprogrammer1-2

    that looks awesome you gave me courage to try and do this challenge

    Marked as helpful
  • Leonardo Honda•30
    @LeonardoLopesHonda
    What are you most proud of, and what would you do differently next time?

    I've learned more about specific styles in css such as pseudo-classes and lists styles in this challenge.I would write the code with more confidence since I already made some mistakes on this challenge that I've learned from.

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

    Lack of knowledge on pseudo-elements

    I searched about in youtube and documentations to find out what was happening to my code and it worked

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

    More specific topics in css, like grid, clamp, pseudoclasses, they're the properties that I know less

    Recipe Page - Solution

    1
    Mohamed Abas•430
    @mrprogrammer1-2

    good job it looks great

  • JxPV5•30
    @JxPV5
    What are you most proud of, and what would you do differently next time?

    I'm proud of how it ended up looking. I'm not sure what I can improve but I guess I could make it a bit more adjusted for other devices, smaller ones in particular.

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

    Making it responsive enough. I'd had problems making it look good on smaller resolutions but I overcame it.

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

    I'm not sure. I'd like to know when to use padding and when to use width/height for page elements.

    Social links profile

    1
    Mohamed Abas•430
    @mrprogrammer1-2

    that was an amazing challenge made me do some researches in order to complete it using css variables to idenify colors and font weight and used the flex box to make layout

  • Tolulope David•170
    @tomxyd
    What are you most proud of, and what would you do differently next time?

    I'm most proud of this project mainly because I did not check any tutorial to solve any of the problem. I just used past knowledge and checked for new css rules I haven't used before in documentation.

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

    I encountered an issue with putting an image and text on the same line. I ended up using Flexbox to overcome this issue.

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

    I'm pretty happy with the result on this project.

    Responsive Blog Preview Card

    3
    Mohamed Abas•430
    @mrprogrammer1-2

    it was a very good challenge it made me focus more on choosing the right padding and the importance of line-height, choosing the right HTML tags

  • ned0028•20
    @ned0028
    What are you most proud of, and what would you do differently next time?

    Hi I'm new here, Feedbacks are welcome.

    QR Code HTML CSS

    #accessibility
    1
    Mohamed Abas•430
    @mrprogrammer1-2

    you should've used border-radius on the image and added bigger padding in the bottom