Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 1 year ago

Landing page made with Sass and React

react, sass/scss
P
Maisha Mir•240
@maishamir
A solution to the Advice generator app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


What are you most proud of, and what would you do differently next time?

What am I proud of? How quickly I could do some of the very specific SCSS things, like positioning the button on the screen, or the glow effect on the button. In the past, I would have to look up all the different ways to position something, but this time I thought it through logically and found the solution right away. Might not be the most difficult thing to do, but it used to be super difficult for me, so it's cool to see growth!

What would I do differently? I would definitely focus on the responsiveness at different breakpoints, but the main focus for this solution was to jog my memory about how to use Axios with React; I would also like to do it in ReactNative (after I've learned the basics), along with the responsiveness.

What specific areas of your project would you like help with?
  • figuring out the width of the decorative divider
  • is there a better way to set the dimensions of the card? I decided to use a max-width but not sure if that was the best approach.
Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Maisha Mir's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

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