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

    URL shortening API landing page

    #accessibility#fetch#sass/scss#lighthouse
    • HTML
    • CSS
    • JS
    • API

    1


    Hi Community,

    I have completed this challenge some time ago, If you have any recommendations please do leave a comment.

    Thanks in advance.

  • Submitted

    News homepage

    #lighthouse#sass/scss
    • HTML
    • CSS
    • JS

    0


    Hello community, I have completed another challenge, if you any recommendations, please do leave a comment. Thanks in advance.

  • Submitted

    testimonials-grid-section

    #sass/scss#lighthouse
    • HTML
    • CSS

    1


    Hi Community,

    I have completed this challenge some time ago, If you have any recommendations please do leave a comment.

    Thanks in advance.

  • Submitted


    Hello community,

    It has been a long time since the last time I have submitted a solution in frontend mentor. I'll be grateful to for any suggestions to improve the code. Thanks in advance for your help.

  • Submitted

    Rating component HTML CSS Js Mobile-flow first

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

    2


    Hello community , I have completed another frontend mentor challenge. For sure , I've learnt few new things. I have added a pop up message using sweet alert, it appears when you submit the form and you didn't select any rating.

    I would be happy , if you see something has to be improved , please don't hesitate and leave a feedback.

    Thanks in advance.

  • Submitted

    Advice generator app HTML CSS Js Mobile-flow first

    #accessibility#fetch#lighthouse#sass/scss
    • HTML
    • CSS
    • JS
    • API

    2


    Hello community,

    I have completed another frontend mentor challenge. In this solution , I have used fetch method with the async and await keywords.

    I'd appreciate any comments for improvements, anything I've missed in JavaScript or the way I used the functions .

    Thank you in advance.

  • Submitted

    expenses-chart-component HTML CSS Js Mobile-flow first

    #fetch#lighthouse#sass/scss
    • HTML
    • CSS
    • JS

    1


    Hello community, This is my solution for this frontend challenge. I've learnt a lot making for sure. Any suggestions how to optimize the JavaScript(Using less code), please feel free and leave a feedback. Thanks in advance

  • Submitted


    Hello community, I have completed another frontend mentor challenge, I took me more than I expected.

    1- I struggled with how to change the input [type="range"] value using JavaScript , then it will submitted in the form. If anyone have any suggestion, please leave a comment.

    2- How to improve accessibility? Especially , the switch button.

    I'd appreciate any comments for improvements or anything I've missed in JavaScript , the way I used the functions . Thank you in advance.

  • Submitted


    Greeting community, I have completed another frontend mentor challenge. I learned a lot while making this sign up form.

    I'd appreciate any comments for improvements or anything I've missed in JavaScript , the way I used the functions and throwing errors . Thank you in advance.

  • Submitted

    FAQ accordion card Mobile first

    #accessibility#lighthouse
    • HTML
    • CSS
    • JS

    1


    Hello community, In this challenge , I have used another way to make accessible accordion buttons, headers and ARIA attributes combination.

    • Using JavaScript to close the opened accordion when opening another one.
    • The user is able to navigate using the keyboard.

    If there’s anything you suggest to improve or missed, please don’t hesitate and leave a comment. Thanks in advance

  • Submitted


    Greeting community, I have completed another frontend mentor challenge. I learned a lot while making it and still there's s lot to learn

    I'd appreciate any comments for improvements or anything I've missed in JavaScript , the way I used the functions and throwing errors . Thank you in advance.

  • Submitted

    Bookmark landing page Mobile First

    #accessibility#lighthouse
    • HTML
    • CSS
    • JS

    0


    Greeting community, I have completed another frontend mentor challenge. I learned a lot while making it . I had a challenging time with the blue background behind the images. If you have any suggestions about best practices and any missing things or improving the functionality, please do leave a feedback. Thanks in advance.

  • Submitted

    Insure landing page solution

    #accessibility#lighthouse
    • HTML
    • CSS
    • JS

    0


    Hello community, It has been a long time since the last time of submitting any solution. This is my 20th project. I learned a lot while making it. If you have any suggestions about best practices and any missing things please do leave a feedback. Thanks in advance.

  • Submitted


    Hello community , This my second attempt doing this challenge. As I wasn't happy about how I did this project before. I started doing it from scratch. I had learnt a lot. I had a challenging time with making the shopping cart inner Html using JavaScript . For me, It turned much better from the first try. If you have any suggestions about best practices and any missing things please do leave a feedback. Thanks in advance.

  • Submitted


    Greeting community, I have completed another frontend mentor challenge. I learned a lot while making it .

    I'd appreciate any comments for improvements or anything I've missed in JavaScript , the way I used the functions and throwing errors . Thank you in advance.

  • Submitted


    Greeting community, I have completed another frontend mentor challenge. I learned a lot while making it .

    I have an issue:

    • The Resize of Images on different screens using the srcset and sizes attributes. I'm not if I used them right.

    I'd appreciate any comments for improvements or anything I've missed. Thank you in advance.

  • Submitted


    Greeting community, I have completed another frontend mentor challenge. I learned a lot while making it . I'd appreciate any comments for improvements or anything I've missed. Thank you in advance.

  • Submitted


    Greeting community, I have completed another frontend mentor challenge. I learned a lot while making it .

    I'd appreciate any comments for improvements or anything I've missed. Thank you in advance.

  • Submitted


    Hello everyone,

    I have completed another Frontend mentor challenge,. I learned a lot while making it .

    • I had used font awesome instead of the images provided .

    • I had a challenging time with header image , I don't know if I have position it right.

    • Did I use many media queries?

    I'd appreciate any comments for improvements or anything I've missed. Thank you in advance.

  • Submitted


    Hello community, I have completed another frontend mentor challenge. I learned a lot while making it .

    • I generated a QR code leading to my github page and added it to the back of the card (It's a flipped card ) .

    • I also used javascript for a flip function.

    • I prefered to use the svg for the QR code rather than an image , because it's much clearer.

    • I have some issues:

    I set an explicit width and height to the card , if the remove the explicit width and height the card , all the elements would overlap. any suggestions to remove the explicit height and width without any issues?

    I'd appreciate any comments for improvements or anything I've missed. Thank you in advance. Ps: The QR code is not valid anymore .

  • Submitted


    Hello community, I've completed another frontend mentor , I had a challenging time making it.

    I have a question about setting max-width to body that the website doesn't stretch all on larger desktops (more than 1440px) , and the design messes up.

    Any suggestions about the accessibility?

    Please share your thoughts !There’s still some more to do like the readme, cleaning up repeating code, and html warnings.

    I'd appreciate any comments for improvements or anything I've missed. Thank you!

  • Submitted


    Hi everyone, had a challenging time with this one from start to finish.

    My struggles, and bugs:

    • toggle menu icon javascript only works on the second and subsequent clicks. not on the first .Any suggestions?
    • I just noticed that the next and previous buttons are not working on the live solution while they are working on the live server, I've tried so many times .no idea how this bug did occur?

    I don’t know for sure if the images fit the screen . Please let me know if you find any overflow or other quirks with the images.

    I'm still learning about accessibility .

    In javascript , I used more basics ways.

    Please share your thoughts! Had a great time working on the CSS, the image grid was a new challenge for me. There’s still some more to do like the readme, cleaning up repeating code, and html warnings.

    I'd appreciate any comments for improvements or anything I've missed. Thank you!

  • Submitted


    Hello community , I have an issue with positioning the buttons in smaller screens , Can you help to solve it ? Your feedbacks are welcome to keep improving . Thanks in advance

  • Submitted


    Hello There, I have completed this great challenge, I have learned a lot. I would love to hear your suggestions regarding clean code, and other things. Please let me know if I have made something in the wrong way. Thanks in advance.