Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Latest solutions

  • Submitted


    P

    @DougHungerford


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

    This was written in very large part by following along with Kevin Powell's solution on Youtube, as my goal was to see how a trusted professional would complete a project from start to finish. This project gave me a deeper understanding of semantic html, accessibility, custom properties, and the usefulness of the picture tag.

    Thanks Kevin! (https://www.youtube.com/watch?v=B2WL6KkqhLQ)

  • Submitted


    @Mystique9901


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

    I think I did it pretty well. I didn't take so long to center it, lol.. Maybe next time I should use another file to write css.

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

    For responsive, it was a little difficult for me to figure out the breakpoint. I did it just as I wanted. And I am not satisfied with that.

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

    How many breakpoint do I need for real life website? What should I do or learn to make the website more responsive? I am still the beginner and hope you could guide me. And any other advices are also warmly welcome>>

  • Submitted


    paulDev 60

    @dev-paulL


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

    • Getting close to the design without figma files.

    I will probably try this one with React later.

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

    had to read about grids

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

    nothing specific

  • Submitted


    Ansly 250

    @Median21


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

    I am proud that I did the mobile-first approach and was able to finish it.

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

    The challenge I encountered was targeting all input in an efficient way, because I was giving them separate classes and calling them one by one in my JavaScript. Fortunately, I was able to learn the nextSiblingElement and parentElement properties, which made my code cleaner and efficient.

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

    I need help in making my codes cleaner and my HTML to have less divs.

  • Submitted


    @ManuelFrancisco42


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

    I am most proud of achieving a responsive layout using CSS Grid effectively. Next time, I would focus more on optimizing images for better performance.

    FRENCH: Je suis fier d'avoir réalisé une mise en page réactive avec CSS Grid de maniére efficace. La prochaine fois, je me concentrerais davantage sur l'optimisation des images pour de meilleures performances.

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

    One challlenge was ensuring cross-browser compatibility with CSS Grid. I addressed this by testing extensively and using fallbacks where necessary.

    FRENCH: Un défi était d'assurer la compatibilité inter-navigateurs avec CSS Grid. J'ai résolu cela en effectuant des tests approfondis et en utilisant des solutions de secours lorsque nécessaire.

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

    I would appreciate feedback on improving accessibility features and enhancing mobile responsiveness further.

    FRENCH: je souhaiterais des commentaires pour améliorer les fonctionnalités d'accessibilité et renforcer davantage la réactivité mobile.

  • Submitted

    Newsteller Sign Up using SCSS

    #sass/scss
    • HTML
    • CSS
    • JS

    0


    @Alexandru736


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

    I am proud of the fact that I was able to learn about regex. It's an easy way to do match validation with strings, and it solved easily the email validation part.

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

    Understanding the regex. It wasn't that easy at first

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

    Not quite sure what I could have done better regarding the responsiveness of the website.

  • Submitted


    DHANUSH K 20

    @Dhanushk8703


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

    1.I written the all code for this page in single files using internal. 2.For responsive i had used Bootstrap 4.

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

    To arrange the blog content in order and do responsive for the mobile preview is slightly make challenging and otherwise i completed the webpage within 1 hour.

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

    Bootstrap 4 and internal CSS

  • Submitted

    Equalizer Landing Page

    #tailwind-css#next
    • HTML
    • CSS

    1


    P
    Aleks 130

    @reactaleks


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

    As part of this simple and yet not so simple project i have learned alot about layout, positioning and units of measure. This was a simple but yet very challenging exercise and i had to rewrite my layouts quite a bit.

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

    Adding background patterns based on the size of the device, due to using next js i had to write a background pattern component which would return background pattern based on the width of the screen.

  • Submitted


    @adewumiolutoye


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

    I am most proud of being able to group the SCAN and its text in the centre

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

    Fitting the sentences as it is in the design

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

    Designing text

  • Submitted


    P

    @steveostler


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

    I did a little research to complete this challenge but it's mainly my work (about 85%). I had to get the code for an email validation script from stack overflow. This is the only thing I do not understand in the code. Do I need to understand regex? Is it ok to rely on javascript validation?

  • Submitted

    Sign Up Validation Newbie

    #accessibility#animation#sass/scss
    • HTML
    • CSS
    • JS

    0


    Daibisan 30

    @Daibisan


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

    This is my first time trying SASS for nesting and variables. Maybe, next time i'll use pure css for the custom properties.

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

    There was a little bit confused about the javascript logic. I asked google and chatgpt for the logic explaination. They helped me a lot for discovering new way to write, especially chatgpt.

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

    Tbh, i'm confused about the specific area, but please see my code, if there is suggestion like the more efficient way to write html, css, and javascript, please commenting : )

  • Submitted

    social-links-profile-main

    #accessibility
    • HTML
    • CSS

    0



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

    grid responsive

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

    responsive containers

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

    grid responsive

  • Submitted

    Html and Css

    • HTML
    • CSS

    0


    @Emmanuel-ikechukwu3355


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

    my image is not showing when i open the live link in Github

  • Submitted


    @ahmedsomaa


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

    Learning about landmarks and applying BEM.

Discord logo

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