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

Nour Al-Osman

@nalosman60 points

interactive media designer. Took a long break from coding and now learning again. Trying to be more comfortable sharing on the internet, so I figured submitting solutions and getting involved is a good way to start.

I’m currently learning...

CSS and starting vanilla JS

Latest solutions

  • Profile Card with HTML and CSS


    Nour Al-Osman•60
    Submitted over 2 years ago

    1 comment
  • Qr Code with HTML and CSS


    Nour Al-Osman•60
    Submitted over 2 years ago

    0 comments
  • Intro section using HTML5 & Flexbox


    Nour Al-Osman•60
    Submitted almost 3 years ago

    1 comment
  • NFT Card Comp using HTML5 + CSS3


    Nour Al-Osman•60
    Submitted over 3 years ago

    1 comment

Latest comments

  • Nikita•120
    @nyakita
    Submitted almost 3 years ago

    Landing with HTML CSS and GRID

    #accessibility
    1
    Nour Al-Osman•60
    @nalosman
    Posted almost 3 years ago

    Hi Nikita, I'm looking at the code and live site, and first of all good job on doing it! I do have some pointers for improvement and future projects.

    1. Instead of using all <div> you can using html5 tags like <main> to wrap all the body code in, <header> to place the logo in which they gave as an svg image to use. (For structural and html outline you can use the h1 and use a .sr-only class to make it disappear off the page but still there if needed)

    2. For the register button and the social media icons, on hover you can do "cursor:pointer" in your css for clickable elements.

    I'm not familiar with grid, so can't help there but just from looking at it there is some issues with spacing and distances. Hope this helps and gives a starting point for revisions!!😊

    Cheers and good luck!!!✌️

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