Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responisve landing page using react and sass

#react#sass/scss#bem

@musikhood

Desktop design screenshot for the Loopstudios landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Is it good enough ?

Community feedback

@MojtabaMosavi

Posted

That relative question depending on what good mean to you, if you mean functional and responsive then the answer would be yes, but the fixing following things would make even better:

  • When the hambergur menu switchs state, the state change should be transitioned for a better Ux,which of the following is more natural to your ?

    • A: sudden and spantaneaous movement
    • B: A gradual movement
  • For the creation section it be better to use a grid that depending on viewport size adjusts it's number of columns, something along the line of:

.grid-container{
    display: grid;
    grid-templete-columns: repeat(auto-fill,maxmin(the min-width of column,the max-width of the column))
} 

Keep coding :=)

Marked as helpful

0

@musikhood

Posted

@MojtabaMosavi I improved this project and i hope it's better now

0

@Esesosa-max

Posted

wow, you really tried the challenge was not easy.I think your design is dead on target

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord