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

JanAbe

@JanAbe230 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

  • Feedback is welcome.


    JanAbe•230
    Submitted over 1 year ago

    1 comment
  • Feedback is welcome, made with css grid


    JanAbe•230
    Submitted over 1 year ago

    1 comment
  • Feedback is welcome, made with css grid


    JanAbe•230
    Submitted over 1 year ago

    0 comments
  • Feedback is always welcome. Made with css grid


    JanAbe•230
    Submitted over 1 year ago

    0 comments
  • Feedback is always welcome.


    JanAbe•230
    Submitted over 1 year ago

    0 comments
  • Landing page made using css grid


    JanAbe•230
    Submitted over 1 year ago

    1 comment
View more solutions

Latest comments

  • Lucas Daher•220
    @lucasdaher
    Submitted over 1 year ago

    Product Preview Card

    #sass/scss
    1
    JanAbe•230
    @JanAbe
    Posted over 1 year ago

    Nice work, it looks sick!

    One point of feedback though is that you use pixels to set the font-size.

    This is considered a bad practice because when a user increases his font-size in the browser, the text doesn't get larger 'cause it isn't responsive.

    Here is a blog post about it: https://fedmentor.dev/posts/font-size-px/

    Hope this helps

    Marked as helpful
  • belkysupreme22•160
    @belkysupreme22
    Submitted over 1 year ago

    responsive sign up form using flexbox

    2
    JanAbe•230
    @JanAbe
    Posted over 1 year ago

    Nice work!

    Feedback:

    It's a good idea to use landmarks in your html.

    You could for example use a <main> landmark to put in all your main content.

    https://developer.mozilla.org/en-US/blog/aria-accessibility-html-landmark-roles/#the_main_landmark

    It is also a good idea to use the <form> tag for forms instead of a div.

    Hope this helps

  • Vikash Kumar•230
    @itzvikashgupta
    Submitted over 1 year ago

    Huddle landing page with single introductory section solution

    1
    JanAbe•230
    @JanAbe
    Posted over 1 year ago

    Looks sick and nice usage of landmarks in your html! The only thing is that the background-image doesn't take up all space on my screen. You can fix this using background-size: cover.

  • Paula Tony•980
    @Paula-Tony
    Submitted over 1 year ago

    huddle-landing-page-with-single-introductory-section-master

    1
    JanAbe•230
    @JanAbe
    Posted over 1 year ago

    Nice solution but maybe you could add landmarks to your HTML.

    A header to contain the logo, a main to contain the content of the page, and a footer to contain the social links!

    Marked as helpful
  • JanAbe•230
    @JanAbe
    Submitted over 1 year ago

    Help needed. Clipping issue on mobile. How to fix?

    1
    JanAbe•230
    @JanAbe
    Posted over 1 year ago

    Fixed the problem by changing height: 100svh to min-height:100svh. Thank you @AlexKMarshall over on discord for helping me !

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