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

Tida Tmg

@Tida007Lagos110 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Extension Manager-ui

    #material-ui#react#tailwind-css

    Tida Tmg•110
    Submitted 3 months ago

    0 comments
  • Fylo Landing Page

    #tailwind-css#node

    Tida Tmg•110
    Submitted 6 months ago
    • Assistance making better @media layout & overall feedback is appreciated

    • setting bg:img


    1 comment
  • Clipboard Landing page

    #anime-js

    Tida Tmg•110
    Submitted 7 months ago

    Feedback is appreciated


    0 comments
  • Newsletter sign-up

    #sass/scss

    Tida Tmg•110
    Submitted 7 months ago

    Feedback on removing unused styles to ensure consistency in my design


    1 comment
  • QR CODE landing page using HTML markup & CSS


    Tida Tmg•110
    Submitted 7 months ago
    • Recommendation for mobile view responsive plugin

    0 comments

Latest comments

  • P
    Mario Graf-Schantl•540
    @mariosearchteam
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I used justValidate (JS library) and it is working really well and quick.

    Newsletter Popup with HTML, SCSS and JS

    #sass/scss
    2
    Tida Tmg•110
    @Tida007
    Posted 7 months ago
    • in the HTML code there are two nested <form> elements, You should only have one which does the same thing
                    <form action="" method="get">
                        <div class="newsletter__email">
                            <label for="email" class="newsletter__label text-preset-3">Email address</label>
                            <input type="email" id="email" class="newsletter__input text-preset-2" placeholder="email@company.com" required>
                        </div>
                        <button type="submit" class="button text-preset-2" formnovalidate>Subscribe to monthly newsletter</button>
                    </form>
                </form>                         
    
    • only one <form> element is used to wrap the input and button elements. This ensures the HTML is valid and the form functions correctly.
    Marked as helpful
  • P
    Mario Graf-Schantl•540
    @mariosearchteam
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Overall i'm quite happy with the outcome.

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

    The validation with justvalidate.js is working really good and i can recommend this library.

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

    There are two areas i would love to get some ideas:

    • the styling for the radio buttons
    • the thousand separator for the mortgage amount. I had a solution but then the validation didn´t work or the calculation didn´t work. I would like to change it while the user is typing.

    Mortgage Calculator with HTML, SCSS and JS

    #sass/scss
    2
    Tida Tmg•110
    @Tida007
    Posted 7 months ago

    Awesome Responsive design! cheers 🥂

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