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

S44r4h

@S44r4h30 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • social links profile

    #sass/scss

    S44r4h•30
    Submitted 6 months ago

    1 comment
  • Blog preview card using scss first time!

    #sass/scss

    S44r4h•30
    Submitted 6 months ago

    I'm wondering if my CSS/SASS is easy to read. I think my class naming could use some improvement, and since this was my first SASS project, I'm still learning. I also noticed that my SASS file has grown quite large (160 lines!).


    1 comment
  • Qr code component using CSS flexbox


    S44r4h•30
    Submitted 6 months ago

    2 comments

Latest comments

  • Salah Al-Din Kaki•140
    @Filostkana
    Submitted 6 months ago
    What specific areas of your project would you like help with?

    How can I use local font in my project ?

    Social links profile built using HTML, CSS, and Sass

    #sass/scss
    1
    S44r4h•30
    @S44r4h
    Posted 6 months ago

    Great job!

    -The page matches the original design on both desktop and mobile. -You've used semantic HTML tags effectively! -The code is easy to read, and I particularly appreciate the clear and logical class naming. -It's great that you've added your own image and links to your social media profiles—this adds a personal touch to the page!

  • jammiecheng•40
    @jammiecheng
    Submitted over 1 year ago

    Responsive Blog Preview Card using SCSS

    #sass/scss
    1
    S44r4h•30
    @S44r4h
    Posted 6 months ago

    The page looks the same on both desktop and mobile!

    Semantic HTML: Semantic tags like <header>, <nav>, <main>, and <footer> are missing. Consider adding these for better accessibility.

    The code is clear and easy to read, good job! :)

  • vovantri123•60
    @vovantri123
    Submitted 6 months ago

    blog-preview-card using HTML CSS

    2
    S44r4h•30
    @S44r4h
    Posted 6 months ago

    The page looks great on both desktop and mobile! The code is clear, and I really like your class naming style—it's very readable!

    Here’s some feedback:

    Semantic HTML: Consider using semantic tags like <header>, <nav>, <main>, and <footer> to improve accessibility and SEO. The alt text for images is a good start. Font sizing: It’s better to use em or rem instead of px, as they are more responsive and adapt better without needing multiple media queries.

  • Haruna Zakariyau•40
    @BabatundeXBT
    Submitted 6 months ago

    Blog Card

    1
    S44r4h•30
    @S44r4h
    Posted 6 months ago

    Well done! A few suggestions for improvement:

    Semantic HTML: Consider using semantic tags like <header>, <nav>, <main>, and <footer> to improve accessibility and SEO. The alt text for images is a good start.

    Responsiveness: The desktop layout looks good, but the mobile version needs improvement. Use media queries and test with DevTools for different screen sizes.

    Hover Effects: Hover is missing: Consider adding :hover effects for interactivity.

    The card looks as it should in the desktop view, and the CSS is clear and simple. I think it's great that you used rem and % instead of pixels. Good job, it gave me some inspiration for my own work! :)

  • syedhassan19•10
    @syedhassan19
    Submitted 6 months ago

    QR code component

    1
    S44r4h•30
    @S44r4h
    Posted 6 months ago

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