Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
8
MarkPraise
@MarkPraise

All comments

  • Abhishek Negi•470
    @blahblah579
    Submitted 9 months ago

    Mortgage repayment calculator { vue + vuetify }

    #vue#vuetify
    2
    MarkPraise•150
    @MarkPraise
    Posted 9 months ago

    I recommend DaveGray On Youtube LookUp for his CSS Playlist

  • Abhishek Negi•470
    @blahblah579
    Submitted 9 months ago

    Mortgage repayment calculator { vue + vuetify }

    #vue#vuetify
    2
    MarkPraise•150
    @MarkPraise
    Posted 9 months ago

    Nice work very impressive, but try to make your design as close as possible to that given you

    Marked as helpful
  • Enodevs•30
    @Enodevs
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of the calculations and interactivity

    What challenges did you encounter, and how did you overcome them?

    I didn't know which colors to use. I think it would be really helpful if the colors can be provided in future projects

    What specific areas of your project would you like help with?

    No areas except for the colors

    Html, css, javascript

    1
    MarkPraise•150
    @MarkPraise
    Posted 9 months ago

    Always make sure to read the style.md file there you will see the the colors.

    I have some comment,:

    • Your clear button isn't taking away the invalid styles away
    • there is a little bit of overflow on the x when the page load the page loads in the x direction
    • when an input is focused the color is not well filled towards the label part.
    • the repayment div itself should be able to respond to a click on the input radio button and not just the button itself.

    In all congratulations for the stride

  • Ejiofor John•490
    @echocode1
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    it is my first project with next.js, Mui, and even typescript am proud of giving it a go

    Responsive product-listing-with-cart

    3
    MarkPraise•150
    @MarkPraise
    Posted 9 months ago

    Your project is awesome , I knew from just interacting with it that this isn't just vanilla JS Keep the good work, bro.

  • Stefan Bojkovski•720
    @xStephx
    Submitted 10 months ago

    Solution Project tracking intro component

    #tailwind-css
    10
    MarkPraise•150
    @MarkPraise
    Posted 9 months ago

    Nice, But consider Giving the main Container a max width for the desktop

  • Mei Lee•40
    @meillee
    Submitted over 1 year ago

    Responsive 3-column card component using flexbox and media queries

    2
    MarkPraise•150
    @MarkPraise
    Posted over 1 year ago

    Am no expert bro but if u really want to learn about how to go about css organization listen to this talk by Andy bell https://youtu.be/5uhIiI9Ld5M?si=_189cJe0qyYj0YCd

  • SuriyanRavi•200
    @SuriyanRavi
    Submitted over 1 year ago

    Product

    1
    MarkPraise•150
    @MarkPraise
    Posted over 1 year ago

    Nice work bro

    But you have to learn semantic html before moving forward. Kudos

  • Madhu U•170
    @Madhu-U
    Submitted over 1 year ago

    Product preview card component

    #accessibility
    1
    MarkPraise•150
    @MarkPraise
    Posted over 1 year ago

    -It's good practice to save your css reset in a different file -learn about html picture element for the image on the page. I hope that helps fix your desktop view

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

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