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


    Flawed 10

    @ThomasL08


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

    I think its about the speed I had completed this task as well as how close it looks to the design files next time I would make my setup more optimized.

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

    The only challenges I encountered is with the responsiveness of the code I had always struggled to get the sizing to correctly change when it hit a certain screen size.

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

    I would like some help with my css code writing and html mainly on trying to reduce redundancy in the code if there is any also I would like some feedback on the css sizing for mobile as it does look a bit off but I'm not sure what I need to change to make it happen

  • Submitted


    @Diogo356


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

    a

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

    a

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

    a

  • Submitted


    @fab1opinto


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

    I feel like I'm evolving with responsive CSS.

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

    I found the challenge in the responsive part of the project.

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

    I didn't need any help on this project, thanks.

  • Submitted


    P
    Kristina 180

    @frontend-en


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

    nan

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

    nan

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

    nan

  • Submitted


    P
    Moshiur 20

    @codermoshiur


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

    Implementing everything I've learned about HTML ans CSS to accurately replicate the blog preview card.

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

    Ensuring that the design is implemented in a responsive manner; hence, use the browser developer tools to confirm responsiveness.

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

    Nothing specific, but any feedback is highly appreciated.

  • Submitted


    joacomenda 100

    @joacomenda


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

    I'm most proud of how the grid layout turned out.

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

    Finding a way to recreate the desktop layout was very difficult

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

    Nothing at the moment.

  • Submitted


    P
    MH-WebDev 70

    @MH-WebDev


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

    First project using Tailwindcss. Pretty happy with the result and learned a lot.

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

    The initial setup of Tailwind was giving me a migraine, but once working the documentation was super helpful in getting the project completed.

  • Submitted

    Fylo landing page challenge

    #sass/scss
    • HTML
    • CSS

    0


    @AnCial


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

    I'm still getting the hang of hamburgers so I used this challenge to force it in...

    It took me quite a while but I did ti!

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

    making the hamburger work asides from that, there wasn't too much trouble

  • Submitted

    Advice generator app

    #tailwind-css#react
    • HTML
    • CSS
    • JS
    • API

    0


    @Ozioma45


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

    i noticed some difficulty in my tailwind and css usuage but i believe i can improve with time, so i look forward to more project with react and tailwind

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

    i facd challenge in customizing my styles and classnames, i just used the tailwind documentation and little hwlp from chatgpt

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

    i would really appreciate correction in my react and tailwind code,

    and i really need a mentor/coach to help me developer

    am a self-taught developer in Nigeria, Africa...and i find it hard finding someone to help me grow.

    i am currently learning frontend technology and aim to be a full stack mern developer

  • Submitted


    Anntv 60

    @anntvanntv


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

    The responsive CSS, I could it better than the other times and faster.

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

    The input field didn't work, I finally discovered that it didn't work because of the margin-top of the image.

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

    Media Querys and I would like to find another way to do responsive CSS

  • Submitted


    P

    @JCrotzer


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

    I am just having some fun doing little projects to keep my mind fresh on coding.

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

    none

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

    none

  • Submitted


    Anntv 60

    @anntvanntv


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

    I'm proud of the function in Javascript. I would do it next time with ES5.

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

    The form validation didn't work, because there were two not compatible elements. It took some time till I found it.

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

    Responsive CSS. I don't get it.

  • Submitted


    Anntv 60

    @anntvanntv


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

    I'm proud of the function in Javascript. I would do it next time with ES5.

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

    The form validation didn't work, because there were two not compatible elements. It took some time till I found it.

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

    Responsive CSS. I don't get it.

  • Submitted

    tip calculator whit tailwind and js vanilla

    #tailwind-css#accessibility
    • HTML
    • CSS
    • JS

    0


    P
    Smaylen5 310

    @Smailen5


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

    I'm very proud to have written possibly good code, structured much better than my usual.

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

    The biggest challenge was definitely how to retrieve the correct values and pass them to the function that calculates the tips. In the end, I opted to call the function on every input:

      billNumber = Number(event.target.value);
      calculate();
    });
    

    To prevent it from being executed when the values are not ready, I used an if statement:

    if (billNumber && tipNumber && peopleNumber)

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

    For the custom button, I always used type='radio'. I think I could simply use type='number'.

  • Submitted

    HTLM / CSS

    #accessibility#bem
    • HTML
    • CSS

    0


    jgambard 160

    @Tripouille


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

    Nothing in particular, but I'm happy to practice without any framework.

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

    How to use variable fonts, I ask google as always.

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

    Any thoughts on my HTML?

  • Submitted


    ibex 10

    @i-Bex


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

    I'm proud that I am able to complete my first challenge on FEM.

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

    Just practicing and refreshing my knowledge about HTML and CSS.

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

    Nothing.

  • Submitted


    @Sanja24It


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

    Hi friends, my take on form validation with JS. Feedback is welcome. I wish you all a good day.

  • Submitted

    Box-shadow

    • HTML
    • CSS

    0


    Taiwo 20

    @taiwogbadamosi


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

    I'm getting faster

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

    Didn't understand why border wasn't working, i learnt that you can put in 3 seperate values for each

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

    i would like to get better at using fonts in a variety of different environments (online or local etc)

  • Submitted


    Sepehr 10

    @SepehrShapouri


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

    Well first of all, this was such a fun project to do, and the thing that Im most proud of the code structure,I believe came up with a proper code architecture even though it was only plain html and css, I complied with the proper naming conventions, semantic html and proper css styling.

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

    styling each section in this project, was a bit challenging, getting everything right, attention to detail, but with just the right amount of patience, I think I got them all.

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

    I need an overall overview over my code base, the way I used css classes to style different elements, and a general review over my code.

  • Submitted

    HTML CSS

    • HTML
    • CSS

    1


    ga6169073 10

    @ga6169073


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

    .

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

    .

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

    .

  • Submitted

    Responsive social links page

    #accessibility
    • HTML
    • CSS

    0


    parkerrn9 160

    @parkerrn9


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

    what can i do to improve upon my work and what are the things i need to focus on?

  • Submitted


    @Arjuntiwari04


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

    Nothing to proud in this project because this project is too easy and little bit boring for making responsive for all device except keypad phone and to small width phone.

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

    Too easy project.

  • Submitted


    @chardlargodizimo


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

    This is my first time using the JSON file and making dynamic content in this project.

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

    Create dynamic content in the DOM. I searched videos and read some stuff on how to use JSON files.

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

    While designing the cards, I noticed the section's background color peeking through where the task info is the child element—making it visually like it has a border-bottom on the right and left. I need some feedback if there is a way to improve this.

  • Submitted


    Ayaat 420

    @Yazeed-git


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

    Getting used to the idea of creating components first which is very useful for real world projects that tent to increase in scale.

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

    I encountered challenges with getting the negative spacing right, especially around the card content. I was able to adjust the widths and padding to a degree which solved the issue however, I think it would be more reasonable to figure out how to go about it from the start of the project.

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

    I would appreciate any feedback on how to style the background image to look exactly like the design as looking at the solution and design side by side, I can tell they are a few pixels off looking similar.

  • Submitted

    HTML and CSS

    • HTML
    • CSS

    0



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

    The media query section of the webpage.

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

    Putting the bottom-border on the contents of the table, it was quite a challenge. I gave the Table a collapse border property and then gave the Table data a border-bottom property.

  • Submitted


    P

    @iAmSarvar


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

    I'm very proud of my javascript skills😁

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

    Any suggestions to improve my code. I appreciate it!

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