Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
11
Comments
2

Babantos

@sotnabPoland300 points

Elo bazos

Latest solutions

  • Interactive comments section

    #sass/scss

    Babantos•300
    Submitted about 1 year ago

    Architecture. I have been experimenting with architecture for a few years and till now I don't know exactly what structure of web projects is the best.


    0 comments
  • React multi step form

    #animation#bem#react#sass/scss

    Babantos•300
    Submitted about 2 years ago

    0 comments
  • react scss rest api countries app

    #react#sass/scss#webpack

    Babantos•300
    Submitted about 3 years ago

    0 comments
  • subscription component

    #sass/scss

    Babantos•300
    Submitted about 3 years ago

    1 comment
  • Rock paper scissors

    #sass/scss

    Babantos•300
    Submitted about 3 years ago

    0 comments
  • Webpack/SCSS/ESmodules ecommerce product page


    Babantos•300
    Submitted about 3 years ago

    1 comment
View more solutions

Latest comments

  • Kaushal21•180
    @KaushalM-2103
    Submitted almost 2 years ago

    Calculator App

    #sass/scss
    1
    Babantos•300
    @sotnab
    Posted almost 2 years ago

    Hi,

    Your project looks cool, but there is a lot things to improve. Sizes of fonts and elements are much different than in design. Some elements arent centered, and well-positioned.

    I really like your slider which runs smooth.

    <p class=" tggl" id="tggl_1" onclick="toggle(this)">1</p>
    <p class=" tggl" id="tggl_2" onclick="toggle(this)">2</p>
    <p class=" tggl" id="tggl_3" onclick="toggle(this)">3</p>
    

    Never cast function to js events in html. Script should be separated from html document. In this case you can get these elements by document.querySelectorAll('.tggl') and add listeners to every item in loop.

    There are some other issues like duplicated id's or typos in names but i hope you are going to fix it asap.

    Keep it up

    Marked as helpful
  • Colorz•50
    @ColorzGithub
    Submitted about 3 years ago

    Simple Grid Template

    1
    Babantos•300
    @sotnab
    Posted about 3 years ago

    Hi, Your solution have correct layout. Semantic HTML isn't important for newbies but later you will have to learn and implement it. There is no box-shadow, border-radius on container and some other missing styles. In starter files you have style-guide file which includes all colors and fonts for project. For me you should learn BEM, it makes code reusable and much cleaner. Code is readable and fine formatted.

    Keep it up.

    Marked as helpful
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