Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
11
Comments
4

youssef oubaida

@youssefouba240 points

Hello! My name is Youssef Oubaida and I'm a Frontend Web developer, working in the web development industry for over 2 years. If you are a business seeking a web presence or an employer looking to hire, feel free to get in touch. here is some of my work: www.oubaida.com

Latest solutions

  • Multi-step form with React and Redux

    #react#redux#sass/scss#redux-toolkit

    youssef oubaida•240
    Submitted over 2 years ago

    1 comment
  • Tip calculator app with react

    #react

    youssef oubaida•240
    Submitted about 3 years ago

    0 comments
  • IP Address Tracker

    #react#fetch

    youssef oubaida•240
    Submitted about 3 years ago

    0 comments
  • simple solution

    #sass/scss

    youssef oubaida•240
    Submitted about 3 years ago

    0 comments
  • bookmark landing page with React and Firebase

    #react#sass/scss#firebase

    youssef oubaida•240
    Submitted almost 3 years ago

    0 comments
  • Manage landing page


    youssef oubaida•240
    Submitted about 3 years ago

    0 comments
View more solutions

Latest comments

  • Reno08-code•300
    @Reno08-code
    Submitted over 2 years ago

    Ping-single-column-coming-soon-page

    1
    youssef oubaida•240
    @youssefouba
    Posted over 2 years ago

    hi! It looks like you're facing two issues:

    -first, change your style link in <head> from :

    <link rel="stylesheet" href="/index.css"> to. <link rel="stylesheet" href="index.css"> no need to add / because the HTML file and CSS file are in the same folder

    the same issue in javascript change src to just "index.js"

    -for the validation problem :

    • you are using "email" type in your input <input type=👉"email" autocomplete="off" placeholder="Your Email Address" id="email" name="email" required=""> so The input value is automatically validated to ensure it is a properly formatted e-mail address.

    • to do custom validation change the type to text and do the work in javascript.

  • Gillette Aziabah•100
    @Gillette10
    Submitted over 2 years ago

    Rest countries API with color switcher

    #react#redux-toolkit#styled-components
    1
    youssef oubaida•240
    @youssefouba
    Posted over 2 years ago

    Great job on tackling the difficult part of the challenge, this can be a fun way to learn and improve your skills. Keep up the good work!

  • Clark Tolosa•550
    @clakr
    Submitted over 2 years ago

    3-Column Preview Card using BEM & SASS

    #bem#sass/scss
    1
    youssef oubaida•240
    @youssefouba
    Posted over 2 years ago

    Good job on incorporating accessibility into your project! Paying attention to accessibility is important for building inclusive and user-friendly components. Using SASS for CSS pre-processing and reusing variables can also help improve the maintainability and organization of your code. Keep up the good work!

  • lepamoore•170
    @lepamoore
    Submitted over 2 years ago

    Responsive design mobile first inclusive. flexbox and grid.

    1
    youssef oubaida•240
    @youssefouba
    Posted over 2 years ago

    Great job for trying out different methods to prevent the main div from overflowing! It sounds like you're making progress in your understanding of CSS and finding solutions to challenges, which is fantastic. Keep up the good work and keep experimenting to find the best solution!

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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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