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

All solutions

  • Submitted

    Responsive Blogr

    #accessibility
    • HTML
    • CSS
    • JS

    1


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

    Mmm… This is my first time working on a menu for the mobile screen. I've always avoided it, but I had to face it and give it a try, which turned out nice.

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

    The major challenge I had was styling the nav bar for both mobile and desktop screens, but it was fun to work on. I had to watch several videos to understand it, although the drop-down in the design doesn't have a width of 100% like mine does. Additionally, the dropdown on both mobile and desktop screens was initially set to a position of fixed to take up the available screen space. I tried using static positioning, but it created it above the text container in the header, so I had to revert it back to fixed.

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

    The functionality and responsiveness are key areas I'm struggling with, as well as positioning. I would really appreciate it if you could go through my code and provide comments on how I could improve for next time.

  • Submitted

    Responsive Blogr

    #accessibility
    • HTML
    • CSS
    • JS

    0


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

    Mmm… This is my first time working on a menu for the mobile screen. I've always avoided it, but I had to face it and give it a try, which turned out nice.

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

    The major challenge I had was styling the nav bar for both mobile and desktop screens, but it was fun to work on. I had to watch several videos to understand it, although the drop-down in the design doesn't have a width of 100% like mine does. Additionally, the dropdown on both mobile and desktop screens was initially set to a position of fixed to take up the available screen space. I tried using static positioning, but it created it above the text container in the header, so I had to revert it back to fixed.

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

    The functionality and responsiveness are key areas I'm struggling with, as well as positioning. I would really appreciate it if you could go through my code and provide comments on how I could improve for next time.

  • Submitted

    Responsive Blogr

    #accessibility
    • HTML
    • CSS
    • JS

    0


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

    Mmm… This is my first time working on a menu for the mobile screen. I've always avoided it, but I had to face it and give it a try, which turned out nice.

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

    The major challenge I had was styling the nav bar for both mobile and desktop screens, but it was fun to work on. I had to watch several videos to understand it, although the drop-down in the design doesn't have a width of 100% like mine does. Additionally, the dropdown on both mobile and desktop screens was initially set to a position of fixed to take up the available screen space. I tried using static positioning, but it created it above the text container in the header, so I had to revert it back to fixed.

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

    The functionality and responsiveness are key areas I'm struggling with, as well as positioning. I would really appreciate it if you could go through my code and provide comments on how I could improve for next time.

  • Submitted

    Responsive Blogr

    #accessibility
    • HTML
    • CSS
    • JS

    0


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

    Mmm… This is my first time working on a menu for the mobile screen. I've always avoided it, but I had to face it and give it a try, which turned out nice.

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

    The major challenge I had was styling the nav bar for both mobile and desktop screens, but it was fun to work on. I had to watch several videos to understand it, although the drop-down in the design doesn't have a width of 100% like mine does. Additionally, the dropdown on both mobile and desktop screens was initially set to a position of fixed to take up the available screen space. I tried using static positioning, but it created it above the text container in the header, so I had to revert it back to fixed.

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

    The functionality and responsiveness are key areas I'm struggling with, as well as positioning. I would really appreciate it if you could go through my code and provide comments on how I could improve for next time.

  • Submitted

    Responsive Blogr

    #accessibility
    • HTML
    • CSS
    • JS

    0


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

    Mmm… This is my first time working on a menu for the mobile screen. I've always avoided it, but I had to face it and give it a try, which turned out nice.

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

    The major challenge I had was styling the nav bar for both mobile and desktop screens, but it was fun to work on. I had to watch several videos to understand it, although the drop-down in the design doesn't have a width of 100% like mine does. Additionally, the dropdown on both mobile and desktop screens was initially set to a position of fixed to take up the available screen space. I tried using static positioning, but it created it above the text container in the header, so I had to revert it back to fixed.

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

    The functionality and responsiveness are key areas I'm struggling with, as well as positioning. I would really appreciate it if you could go through my code and provide comments on how I could improve for next time.

  • Submitted

    Responsive Base Apparel using grid

    #accessibility
    • HTML
    • CSS
    • JS

    1


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

    I am delighted to share that despite encountering several hurdles during the project, I successfully completed it. Although I am relatively new to JavaScript, I am proud to say that I did not encounter significant challenges while working on the functionality.

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

    The major challenge I faced was working on the desktop layout. Initially, I used flex, but I encountered issues with the image container and text container. Then, I switched to grid .main-container { display: grid; grid-template-columns: 1fr 1fr; } .text-container{ width: 500px; } This allowed me to better control the layout and resolve the issues I was facing.

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

    I need assistance in ensuring desktop responsiveness across various screen sizes. Additionally, I am aware that my JavaScript is not good enough. I would greatly appreciate feedback on a better approach I could have taken with the JavaScript aspect of the project.

  • Submitted

    Responsive Article Preview component

    #accessibility
    • HTML
    • CSS
    • JS

    0


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

    Working on this challenge.

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

    I learned how to position certain div elements by watching a helpful video.

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

    I would appreciate blunt feedback on my HTML , CSS, and JS layout. Please provide constructive comments and suggestions for improvement. Thank you

  • Submitted


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

    I'm happy I got to understand something new. Also, this is my very first JS project. Wish me well and be blunt in your comment. THANK YOU.

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

    The major challenge I faced was working with the submit button. It was quite challenging trying to navigate to the thank you section until I realized I could manipulate the classList using JavaScript by removing and adding classes. It was very enjoyable!

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

    I'm working on improving my JavaScript coding style for cleaner code. Therefore, I would appreciate your direct feedback on areas where I can focus on improving next time. Thank you!

  • Submitted


    Working on this challenge was quite stressful, what did I find difficult while building the webpage? I found the width for mobile screen specially difficult, the size of the main width, also there's an overflow by the size of mobile screen. Your constructive criticism is highly required cause this is my first time working on a webpage. Thank you

  • Submitted

    Social-proof-section with Flexbox

    #accessibility
    • HTML
    • CSS

    2


    Hi everyone, working on this challenge was cool but I had issue with the testimonies section, can anyone one suggest why the testimony card it's still level even after using Margin-top. Thanks.

  • Submitted


    Working on this task was quite stressful, placing the background-image was really hard to align but i just some help on YouTube. Your Constructive Criticism is required. Thank you

  • Submitted


    This particular task was quite interesting honestly cause I had to learn Grid which wasn't easy at first but I had to implement on this task and honestly it really came out amazingly, i had some issue using grid to style the mobile screen but i was unable to so I used flexbox. Your constructive criticism is highly required.

  • Submitted


    Working on this task was quite easier than the rest have worked on, I'm struggling with making the mobile portrait screen responsive and also the mobile desktop screen viewpoint is a bit smaller, I'll have to zoom in to see the content, I really don't know if that's how it should look like but I really love to know what could have gone wrong.

  • Submitted


    Working on product preview made me understand when to and when not to use CSS Grid and Flex.. Please your constructive criticism is accepted...

  • Submitted

    QR-Code-Component

    #accessibility
    • HTML
    • CSS

    2


    I had some issues with the sizing in the beginning, using percentage was quite difficult because I had issue with the width in mobile screen but pickles(px) kept it exact width and size. Your constructive criticism would be much appreciated.

  • Submitted

    Responsive landing page using flex

    #accessibility#lighthouse
    • HTML
    • CSS

    2


    This is my first landing page I finished without abandoning it to the next, what gave me issue was making it responsive on mobile screen but thanks to a friend who came to my rescue, I'm also having issue understanding the different between Media, media screen and media only means I would so love if you can explain to me in a lame man words.

    Your constructive criticism would be much appreciated.