Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
15
Comments
20

LetsFrontend

@B1N4R1500 points

Hi! I'm a self-taught fronted/backend developer with a unstoppable hanger to create cool things with web based technologies, such as HTML, CSS & JS for frontend developement. As well as, PHP and MySQL for backend developement.

I’m currently learning...

I learn new things every day, right now I'm focusing a lot in UX/UI design using Figma as my design tool. Best designing tool ever! Of course, I keep developing things with the technologies I mentioned but lately my focus has only been UX/UI design.

Latest solutions

  • QR code component

    #sass/scss

    LetsFrontend•500
    Submitted almost 3 years ago

    4 comments
  • GitHub user search app


    LetsFrontend•500
    Submitted over 3 years ago

    0 comments
  • Order summary component


    LetsFrontend•500
    Submitted over 3 years ago

    1 comment
  • Job listings with filtering


    LetsFrontend•500
    Submitted almost 4 years ago

    1 comment
  • Four card feature section with Animations


    LetsFrontend•500
    Submitted almost 4 years ago

    1 comment
  • Intro Component Sign Up Form


    LetsFrontend•500
    Submitted almost 4 years ago

    1 comment
View more solutions

Latest comments

  • LetsFrontend•500
    @B1N4R1
    Submitted almost 3 years ago

    QR code component

    #sass/scss
    4
    LetsFrontend•500
    @B1N4R1
    Posted almost 3 years ago

    Thanks to the three of you: Lucas, David and PhoenixDev22

    I took your suggestions into account and applied them to the challenge. Most of them are things that I already knew but forgot to apply them 😅, like the main and footer landmarks or the margin for the container.

    As Lucas pointed out, the div.desk element was clearly needless so I removed it and used flex's gap property to add some spacing between the elements.

    Again thanks for the feedback!

  • Roberto•30
    @mayanhavoc
    Submitted over 3 years ago

    HTML + CSS pixel perfect order summary component

    1
    LetsFrontend•500
    @B1N4R1
    Posted over 3 years ago

    Hey Roberto!

    Firstly congrats on completing the challenge! Your solution looks good!

    Here some pointers:

    • You should really get rid of the min-width: 1440px in the 1440px media-query. This is just streching the card way to much
    • Try using lesser height definitions like you do in the div.main element, you can get rid of that height. Also when creating buttons, don't use like a height: 40px it's better if you use padding like a padding: 15px
    • Try using more semantic html and not so much divs, here an article about it.

    There is always room for more improvements but for me this are the more pressing ones in your case

    Hope this helps,

    Cheers!

    PS.: You should also look at the report and try to fix the errors it tells you

    Marked as helpful
  • Rafal•1,395
    @grizhlieCodes
    Submitted almost 4 years ago

    Job Listing - Custom Search Modal - Sveltekit - SASS

    1
    LetsFrontend•500
    @B1N4R1
    Posted almost 4 years ago

    Great job! I loved your solution, real cool!

    Cheers!

    P.S: I'm gonna use what u suggested for the filtering, I did it with a classical while loop I didn't remember about those two functions!

  • uiGuy•255
    @uiGuys
    Submitted almost 4 years ago

    Calculator App

    4
    LetsFrontend•500
    @B1N4R1
    Posted almost 4 years ago

    Hi uiguy,

    Great solution to the challenge! Both the layout and the calculator logic are great.

    Here some little suggestions:

    • I would get rid of the max-width: 770px on the 600px media-query the calculator looks too stretched to my eyes.
    • I would avoid letting the user type in multiple periods (......). This is causing some problems when making calculations. Like for example you can calculate 8 + 6...... which is giving some syntax error.

    Btw, nice work with the theme toggle too.

    Cheers!

  • Karim•590
    @yasssuz
    Submitted almost 4 years ago

    Responsive, Reactive, SASS + HTML + Functional JS bundled with Vite.js

    2
    LetsFrontend•500
    @B1N4R1
    Posted almost 4 years ago

    Hi Karim,

    Nice solution to the challenge!

    If you take a look at your html the data-filter attribute of some of the li.job elements have some commas, leading the JS to think the commas are also another language or tool? Idk that's my best guess

    Cheers!

  • Manan Sahni•290
    @MSS023
    Submitted almost 4 years ago

    Desktop First Site With React JS and Bootstrap

    1
    LetsFrontend•500
    @B1N4R1
    Posted almost 4 years ago

    Hi Manan,

    The solution looks good, here some improvements:

    • The design approach you took is good but I would suggest using CSS grid for this one, this way you don't need to use that much divs.
    • Also I would suggest using rems to define font-size instead of %
    • The logic for the calculator works great just be carefull with the multiple periods (.....), you should only allow for one period to be inserted.

    Rest of it looks nice, good work!

    Cheers!

View more comments
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

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