Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
23
Comments
31
AnDev
@AnDevM

All comments

  • P
    Habeeb Kareem•860
    @olaide-hok
    Submitted 4 months ago

    Body Mass Index calculator

    1
    AnDev•540
    @AnDevM
    Posted 4 months ago

    Hello! Nice layout, but it would be better if logic worked.

  • P
    EfthymiosK•390
    @EfthymiosK
    Submitted 5 months ago

    E-commerce product page built with Tailwind CSS and Vanilla JS

    1
    AnDev•540
    @AnDevM
    Posted 5 months ago

    Hi! Very cool no words)

  • CoolNight99•440
    @CoolNight99
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    Getting the design down was very satisfying to me. I think I got it close to the specifications.

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

    The layout of the grid required some trial and error.

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

    For some reason, if the media width is around 500px, the "Read More" button disappears behind the grid below. Not sure why.

    News homepage

    1
    AnDev•540
    @AnDevM
    Posted 6 months ago

    Hi! Good job. If you want improvement, I can tell you.

  • P
    Yulia•720
    @YuliaLantzberg
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Hello, Frontend Mentor Community,

    This is my solution for the Contact Us Form.

    Scored 100% on Google Pagespeed Insights! 🚀

    🛠️ Built with:

    HTML ✨ CSS 🎨 Less 💕 JavaScript 🧾

    Fully responsive design crafted with a mobile-first approach 📲

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

    Feedback is always welcome—let’s grow together! 🌱

    Contact Form using Less, keyboard navigation and vanilla Javascript

    #accessibility#less#bem
    5
    AnDev•540
    @AnDevM
    Posted 7 months ago

    You can see my decision and give your opinion. Is it normal to do this?

  • Caio Azevedo•300
    @justCaioDev
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of the responsiveness of the page. I might change the way the JavaScript part was implemented.

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

    The biggest challenge was definitely validating all the fields in JavaScript while simultaneously providing a good experience and guidance for the user. Honestly, I overcame this difficulty by persistently trying and trying without stopping.

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

    I would really appreciate some advice on the JavaScript part. I think there are large, repetitive sections of code. I would love to know how to make it more streamlined and dynamic so that it can be reused more effectively.

    Responsive contact form using grid areas

    1
    AnDev•540
    @AnDevM
    Posted 7 months ago

    Greetings! Very cool, nothing to add

  • P
    Yulia•720
    @YuliaLantzberg
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Hello, Frontend Mentor Community,

    This is my solution for the Contact Us Form.

    Scored 100% on Google Pagespeed Insights! 🚀

    🛠️ Built with:

    HTML ✨ CSS 🎨 Less 💕 JavaScript 🧾

    Fully responsive design crafted with a mobile-first approach 📲

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

    Feedback is always welcome—let’s grow together! 🌱

    Contact Form using Less, keyboard navigation and vanilla Javascript

    #accessibility#less#bem
    5
    AnDev•540
    @AnDevM
    Posted 7 months ago

    contactForm.reset(); find this method

  • P
    Yulia•720
    @YuliaLantzberg
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Hello, Frontend Mentor Community,

    This is my solution for the Contact Us Form.

    Scored 100% on Google Pagespeed Insights! 🚀

    🛠️ Built with:

    HTML ✨ CSS 🎨 Less 💕 JavaScript 🧾

    Fully responsive design crafted with a mobile-first approach 📲

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

    Feedback is always welcome—let’s grow together! 🌱

    Contact Form using Less, keyboard navigation and vanilla Javascript

    #accessibility#less#bem
    5
    AnDev•540
    @AnDevM
    Posted 7 months ago

    Congratulations! Super cool implementation logic that is hard to understand. But there is such a question, what should the form do after sending? In a real case, just overload the page? Please write an answer.

  • Raozhaizhu•580
    @raozhaizhu
    Submitted 7 months ago

    FAQAccordion

    1
    AnDev•540
    @AnDevM
    Posted 7 months ago

    Hi! Very cool! You used Bootstrap too )

  • Cesare•560
    @Cesare94
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I managed to carry out the exercise and I feel partially satisfied. I would like the javascript part to be more streamlined.

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

    None in particular, actually.

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

    I would like to write less code in Javascript. Avoid repetitions.

    Interactive-rating-component

    1
    AnDev•540
    @AnDevM
    Posted 7 months ago

    Greetings! Everything works great, but it is better to use max-width and min-width instead of width. It seems to me that you have too much code in js file. Use my code https://marynakolikova.github.io/Interactive-rating-component/ and if you have a question ask me.

  • Dumitru Bragari•390
    @DandyHype
    Submitted 8 months ago

    Frontend Quiz

    1
    AnDev•540
    @AnDevM
    Posted 7 months ago

    Greetings! Functionally very cool! At such a level as yours, it is necessary to use rem and em. And max-with, because without it, your blocks are not rubber. For example @media (min-width: 70rem) { .quiz-completed { display: flex; max-width: 90rem; margin: 0 auto; } } section { max-width: 90rem; - example max-width grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; }

  • Mohamed Ragheb•560
    @mohamed-fm
    Submitted 8 months ago

    tip-calculator-app

    1
    AnDev•540
    @AnDevM
    Posted 8 months ago

    Greetings! Very good work. You should use rem and em instead pix.I don't remember where I read about it, but there are many articles about it. With a code like yours, you can't do without it

    Marked as helpful
  • ROAR•70
    @R04R1NG
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I implemented media query which is challenging for me, but I think I did good for this challenge. Also, I feel like my knowledge with CSS grid and Flexbox is still inadequate. I will try to practice more so that I could come up with less spaghetti code 😆

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

    I still have difficulties with responsiveness especially when getting the font sizes to be as nearly accurate as possible from the design. I've read somewhere that Mobile-First Approach is an efficient approach when it comes to responsiveness so I'll try to apply this on the next challenge.

    Social links profile

    2
    AnDev•540
    @AnDevM
    Posted 8 months ago

    Greetings! I think you did a great job. I should have changed the buttons to links, because this is a link and not an acceptance form where you have to click buttons.

  • Rohloffmeister•470
    @Rohloffmeister
    Submitted 8 months ago

    Password Generator app

    1
    AnDev•540
    @AnDevM
    Posted 8 months ago

    Hi! Cool implementation. For some reason, the copy password button does not work. Maybe because the method is not implemented.

  • Rohloffmeister•470
    @Rohloffmeister
    Submitted 8 months ago

    Tip Calculator App

    2
    AnDev•540
    @AnDevM
    Posted 8 months ago

    Now is is cool!

  • Rohloffmeister•470
    @Rohloffmeister
    Submitted 8 months ago

    Tip Calculator App

    2
    AnDev•540
    @AnDevM
    Posted 8 months ago

    Hello! Very cool implementation of grid and flex, but I like the functionality better as in my implementation https://marynakolikova.github.io/TipCalculatorApp/

    Marked as helpful
  • Joel Guzman•270
    @jolman009
    Submitted 10 months ago

    Time Tracking Dashboard w/HTML,CSS, and JS

    1
    AnDev•540
    @AnDevM
    Posted 10 months ago

    Greetings! Very excellent work. I have nothing to add.

  • P
    nekefer•200
    @nekefer
    Submitted 11 months ago

    newsletter

    1
    AnDev•540
    @AnDevM
    Posted 11 months ago

    Hi! Very nice implementation. It would be nice if you added at the end of the notification is the e-mail entered by the user It's in that success message.

  • Mohamed806H•440
    @Mohamed806H
    Submitted over 2 years ago

    article-preview-component

    1
    AnDev•540
    @AnDevM
    Posted 11 months ago

    Hi! Use max-width instead of width, this will make your code flexible.

    Marked as helpful
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

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

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