Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
3
Appz-dk
@Appz-dk

All comments

  • Pedro•120
    @pedrommb7
    Submitted about 2 years ago

    Advice generator in React-TypeScript

    #bem#react#sass/scss#typescript#accessibility
    1
    Appz-dk•200
    @Appz-dk
    Posted about 2 years ago

    You could try:

    • setting a max-width of your "advice card".
    • Adding justify-content: center (instead of only using align-items: center)

    For the mobile version you have to use the mobile version of the divider svg. This can be done with and @media query.

    You can if you want, check out my soultion for inspiration (it's made with react).

    Also I think there is a abit too much margin between your divider and the button

    Hope this helps.

    Edit: Maybe also use a <q></q> tag instead of the <blockquote> tag

  • Iman Kimiaei•170
    @kimagin
    Submitted about 2 years ago

    🍀Advice Generator - Vanilla JS with a touch of my private library

    #tailwind-css#vite#animation
    1
    Appz-dk•200
    @Appz-dk
    Posted about 2 years ago

    I've noticed that the quotation marks in the design image are different than the default ones in the provided font. What is your best solution to change those quotation marks?

    You have to use a <q> </q> tag to get the right quotation marks (Check my solution for inspiration if you want to)

    Marked as helpful
  • Emmanuel Munyite•510
    @munyite001
    Submitted over 2 years ago

    Interactive Rating Component

    #react
    1
    Appz-dk•200
    @Appz-dk
    Posted over 2 years ago

    Not feedback really, but I am very curious as to why you're not using functional components ? I honestly thought class based components were not really used anymore.

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