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


    @peter4049


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

    First of all, I'm a New Bee, Each week I do the challenge as much as I can. Also, stay with the learning path. This challenge about the Recipe Page makes me most proud of the coding in HTML Flow structure, Tag, and more, and CSS styling. I will do a more complex challenge next time.

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

    First of all, I deconstruct everything and start doing it one by one to match the design especially when I do mobile is ok but if I go desktop design all styles do not look good so I stop there and learn back about responsive, and finally I am done as the design.

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

    I learned if we use tr we have to use so it will be a perfect Wrap.

  • Submitted


    Gunal K 60

    @Gunal-k


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

    As for what I'm most proud of, I'd say it's the progress I've made in tackling increasingly complex coding challenges. Over time, I've developed a deeper understanding of algorithms, data structures, and problem-solving techniques. It's gratifying to see how far I've come and how I can now approach challenges that once seemed daunting with more confidence and skill.

    Looking ahead, there are always areas for improvement. One thing I'd focus on next time is managing my time more effectively during the challenge. Sometimes, I find myself getting stuck on a particular problem for too long, which can eat into the time I have for other tasks. I'd work on striking a better balance between persistence and knowing when to step back and approach the problem from a different angle or seek help when needed.

    Overall, I'm proud of how far I've come in my coding journey, and I'm excited to continue learning and growing with each new challenge I encounter.

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

    As I tackle coding challenges, I encounter various obstacles along the way. Here are some common challenges I face and how I typically overcome them:

    1. Understanding the Problem: Sometimes, the problem statement may be unclear or ambiguous. In such cases, I break down the problem into smaller parts, clarify any doubts by asking questions if possible, and carefully analyze the requirements.

    2. Choosing the Right Approach: There are often multiple ways to solve a problem, and choosing the most efficient approach can be challenging. I typically start by considering different strategies, weighing their pros and cons, and selecting the one that seems most suitable based on factors like time complexity, space complexity, and ease of implementation.

    3. Implementation Errors: Translating my algorithmic approach into code can lead to errors and bugs. To overcome this challenge, I adopt a systematic debugging process. I use print statements, debuggers, and test cases to identify and fix issues step by step.

    4. Optimizing Performance: After implementing a solution, I often strive to optimize its performance further. This may involve refining the algorithm, reducing redundant computations, or optimizing data structures. I use profiling tools and benchmarking techniques to identify bottlenecks and improve efficiency.

    5. Time Management: In timed coding challenges, managing time effectively is crucial. I practice time management techniques such as prioritizing tasks, allocating time for each step of the problem-solving process, and staying focused on the task at hand to complete the challenge within the given timeframe.

    By being systematic, persistent, and adaptable, I strive to overcome these challenges and continue improving my coding skills with each new challenge I encounter.

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

    Styling: Assistance with improving the visual appearance of the page using CSS. This could include refining fonts, colors, spacing, and layout to make the page more aesthetically pleasing and user-friendly. Responsive Design: Help in ensuring that the page looks good and functions well on various devices and screen sizes. This may involve implementing responsive design techniques such as media queries or flexbox/grid layouts. Accessibility: Guidance on making the page more accessible to users with disabilities. This could involve adding appropriate alt text to images, ensuring semantic HTML structure, and testing with screen readers. Optimization: Assistance with optimizing the code and assets to improve page load times and performance. This may include minifying CSS and JavaScript files, optimizing images, and reducing unnecessary code. Additional Features: Suggestions for adding extra features or functionality to enhance the user experience. This could involve implementing interactive elements, animations, or additional content sections.

  • Submitted


    vv 100

    @dblvv


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

    using grid is pretty fun, an great complementary tool to flexbox ofc

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

    we chillin

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

    better shadowing tech

  • Submitted


    @Shubhojit-Mitra


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

    is easy when you have practiced 2-3 times

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

    It was much easier this time because of all the practice from the previous challenges

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

    Creativity is required. Right now all the designs are provided to me, but when I am creating a project by myself, I need to think a lot while designing.

  • Submitted

    IP Address tracker NextJS Redux-Toolkit

    #next#redux-toolkit#typescript#tailwind-css
    • HTML
    • CSS
    • JS
    • API

    0


    @franclobo


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

    I have to use dynamic imports to load the map component only when the user clicks the search button. This way, I can reduce the initial load time of the page.

    import dynamic from 'next/dynamic';
    
    const MapaComponent = dynamic(() => import('./_components/Mapa'), { ssr: false });
    

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

    I encrypted the API_KEY using .env.local from NextJS

  • Submitted


    @bolanlesadela


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

    While I've implemented basic responsiveness in this project, I want to refine my skills in optimizing layouts for a wider range of devices and screen sizes, including large desktop screens and various mobile devices.

    I also aim to improve my proficiency in using Git for version control and collaborating with other developers on projects.

  • Submitted


    @Muchunguzi


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

    Will still make some improvement after sometime , don't think it is well knitted

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

    Whole thing was a challenge but was resourceful with the internet though

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

    Making it Full stack

  • Submitted


    RamyMakky 70

    @RamyMakky


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

    Im Doing My Best But I Need Mor Support In Read Me Style Guide TYT

  • Submitted


    P
    SMHN 220

    @smhnfreelancer


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

    1. I use the Tailwind CSS, and it's made it more challenging.
    2. I used the fetch API and the .then approach.

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

    I was stuck with the javascript at the beginning, then I created another subgrid div, which I appended the dynamically generated content, then the problem was solved, but for an unknown reason my Event Listeners were not working properly.

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

    I need more guidance and reference in terms of Javascript, so I will go for the OOP approach later on.

  • Submitted


    @joaomarcosSR


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

    To complete the challenge.

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

    Align qr-code.

    Use Flexbox.

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

    About the use of tag section. Is It the best tag to this case, or I should use div?

    The id card is a good name or should be more specific? Like qr-code-card

  • Submitted

    marginONTOP

    • HTML
    • CSS

    0


    xvo9090 10

    @xvo9090


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

    none

    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


    ha308ing 20

    @ha308ing


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

    Nothing special to be proud of in it =\

    Next time I'd try HTML5 and tags (mdn)

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

    I thought to use only html and css for expaning accordion content, but so it happened that keyboard events on a label don't pass to the checkbox, and I had to add js event handlers to the labels =(

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

    Is there any way to apply shadow on an element, so that shadow was only on part of the element, like upper half has no shadow, but lower part with shadow? (and that shadow doesn't spread to the upper half)

  • Submitted


    @IvanBerkut


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

    This task didn't take a lot of time.

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

    There were no significant problems when performing this task

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

    How would you advise me to improve my performance of this task?

  • Submitted

    Responsive landing page using html and css

    #accessibility#angular#react#next
    • HTML
    • CSS

    1


    timidij 160

    @timidij


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

    I am proud I was able to use grid CSS property, which reduced the need to write media queries for the screen breakpoint

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

    Well I am having challenge with the button

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

    I need help with button, when I click any area outside text, it does not take me to site

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