Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
5

Obaida Shurbaji

@obaidash99250 points

Front-End Web Developer.

Latest solutions

  • Advice Generator app

    #accessibility

    Obaida Shurbaji•250
    Submitted almost 3 years ago

    1 comment
  • Sign-Up Form using HTML, CSS, and JavsScript

    #accessibility

    Obaida Shurbaji•250
    Submitted almost 3 years ago

    0 comments
  • Sunnyside agency landing page

    #accessibility

    Obaida Shurbaji•250
    Submitted almost 3 years ago

    0 comments
  • Huddle landing page with alternating feature blocks

    #accessibility

    Obaida Shurbaji•250
    Submitted about 3 years ago

    0 comments
  • Fylo data storage component

    #accessibility

    Obaida Shurbaji•250
    Submitted about 3 years ago

    0 comments
  • Huddle landing page with curved sections.


    Obaida Shurbaji•250
    Submitted about 3 years ago

    1 comment
View more solutions

Latest comments

  • Mahmoud Mohamed Abd Elaziz•470
    @ehoda9
    Submitted about 3 years ago

    .

    1
    Obaida Shurbaji•250
    @obaidash99
    Posted about 3 years ago

    Nice work you did here! Keep it!

    I think you could do better in the background of the sections after the stat section, it is better to give the background to a parent div with a width of 100%, to make it overflow outside the width of the content as it is supposed to be in the challenge design.

    You could grab your content in main tag for more semantic HTML. where you have header then main then footer. It is a landmark of HTML.

    The input inside the form element should have a label attribute in it. It is an accessibility issue.

    Hope this helps! Obaida

  • Macdeesh•610
    @macdeesh
    Submitted about 3 years ago

    Profile card component

    2
    Obaida Shurbaji•250
    @obaidash99
    Posted about 3 years ago

    Nice work you did here! Congrats.

    There is only the issue of accessibility, the code should contain at least one h1 heading for more semantic HTML. And don't skip the numbering of the heading, that means when you write an h1, you should write an h2 next time you need a smaller heading or something, then you can style them as you want them to be.

    Hope this helps!

    Marked as helpful
  • Karol•1,620
    @karolbanat
    Submitted about 3 years ago

    Testimonials grid section

    1
    Obaida Shurbaji•250
    @obaidash99
    Posted about 3 years ago

    Nice work you did here! Congrats.

    There is only the issue of accessibility, the code should contain at least one h1 heading for more semantic HTML. And don't skip the numbering of the heading, that means when you write an h1, you should write an h2 next time you need a smaller heading or something, then you can style them as you want them to be.

    Hope this helps!

    Marked as helpful
  • muhammadfakhry•130
    @enfga5ry
    Submitted about 3 years ago

    responsive using grid

    1
    Obaida Shurbaji•250
    @obaidash99
    Posted about 3 years ago

    Hi 👋 Nice job you did here!

    The design is responsive on small screens and working smoothly. Well done.

    To clear the accessibility issues grab all the content of the code body in a main tag. That will solve one problem.

    The other thing that your code should at least have one h1 heading, and don't skip h2 then going to h3, you can always keep the accurate numbering of the heading and style them as you want.

    Hope this helps. Obaida

    Marked as helpful
  • ab2halim•30
    @ab2halim
    Submitted over 3 years ago

    nft-preview-card-component _ HTML+CSS

    2
    Obaida Shurbaji•250
    @obaidash99
    Posted over 3 years ago

    Nice job you did here.

    I think it is better to put the main image inside its own tag in the index.html file, not as a background of the anchor tag.

    Make the hover effect for all elements you want by creating pseudo-elements for the photo, ::before-element as the green background and ::after-element as that eye icon. giving both the pseudo-elements and the image a ' transition: 0.3s; ' if you want a smooth effect.

    Hope it helps. Obaida

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