Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
33
Comments
8

Haytam Nefal

@Haytam-DEV05MOROCCO\BENI MELLAL370 points

My name is Haytam Nefal. I’m currently a student at OFPPT, where I’m studying Web Development. I’ve always been interested in technology, and learning how to build websites and web applications is something I really enjoy.

I’m currently learning...

JavaScript

Latest solutions

  • intro-component-with-signup-form-master


    Haytam Nefal•370
    Submitted 29 days ago

    0 comments
  • nteractive-rating


    Haytam Nefal•370
    Submitted 30 days ago

    0 comments
  • Article-Preview-Component


    Haytam Nefal•370
    Submitted about 1 month ago

    0 comments
  • Simple Boking


    Haytam Nefal•370
    Submitted about 1 month ago

    0 comments
  • Bento-Grid


    Haytam Nefal•370
    Submitted about 1 month ago

    0 comments
  • Huddle landing page with curved sections


    Haytam Nefal•370
    Submitted about 1 month ago

    0 comments
View more solutions

Latest comments

  • oommmaarr•100
    @oommmaarr
    Submitted about 1 month ago

    Frontend Mentor | Fylo data storage component

    #pure-css#jquery
    1
    Haytam Nefal•370
    @Haytam-DEV05
    Posted about 1 month ago

    keep going brother

    Marked as helpful
  • Saima Ahmed Sial•1,220
    @saimasial-bit
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud that I successfully completed this challenge using only HTML and CSS. It helped me improve my understanding of structuring a webpage and styling it to match the given design. Next time, I would focus on making my code more efficient by using CSS flexbox/grid more effectively and ensuring better responsiveness for different screen sizes.

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

    One of the challenges I faced was aligning the elements perfectly according to the design. Initially, some sections were not positioned correctly, but I resolved this by carefully adjusting margins, paddings, and using flexbox. Another challenge was ensuring that the text and images were responsive. I overcame this by using relative units like percentages and rem instead of fixed pixel values.

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

    This project helped me strengthen my CSS skills, especially in layout techniques like grid and flexbox. I also learned the importance of attention to detail when recreating a design. Additionally, I realized how crucial it is to test the design on different screen sizes to ensure responsive.

    testimonials-grid-section

    1
    Haytam Nefal•370
    @Haytam-DEV05
    Posted about 1 month ago

    keep going bro , you wille be the best

  • Choboy-dev•90
    @Choboy-dev
    Submitted about 1 month ago

    Responsive four card feature section

    1
    Haytam Nefal•370
    @Haytam-DEV05
    Posted about 1 month ago

    hello bro , how are you , i think you are in the right way don't stop

  • yannick-lebec•130
    @yannick-lebec
    Submitted about 1 month ago

    Challenge 5

    1
    Haytam Nefal•370
    @Haytam-DEV05
    Posted about 1 month ago

    this is good brother , keep going

  • Luzar Iliya•160
    @Luzaliya
    Submitted about 1 month ago
    What specific areas of your project would you like help with?

    i will love corrections please

    recipe-menu-page

    2
    Haytam Nefal•370
    @Haytam-DEV05
    Posted about 1 month ago

    keep goin brother !

  • Harshit•40
    @Harshit-Navik
    Submitted about 1 month ago

    social-links-profile-main

    1
    Haytam Nefal•370
    @Haytam-DEV05
    Posted about 1 month ago

    you are the best , keep going bro

View more comments
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

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