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 comments

  • @AryaDixit

    Submitted

    This is my step to the world of Web Development. Please let me know if I can improve anything. I would love to get your suggestions.🥰

    Responsive New HomePage

    #accessibility

    1

    Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @AryaDixit, first of all, welcome to this amazing community! You did nice work on this solution👏.

    Few things I've liked and noticed about your solution:

    Design aspect: Your design is very similar to the given design file. Only a couple of things I've noticed that you can change the font colors for the paragraphs.

    Responsive aspect: It's responsive and will work on most of the screens. Good work.

    Functionality aspect: It's working fine.

    Code: While everyone has their own style and approach to code few things make the code clear and clean and you really did amazing work on that.

    Accessibility and HTML Issue: You can check the report and you'll notice very small issues causing those issues, you can always fix that and regenerate the report here.

    You did amazing work👍. Keep practicing. Happy coding :)

    1
  • JFREUN 20

    @JFREUN

    Submitted

    Hiya!

    This is my solution. Any tips or recommendations are welcome!

    Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @JFREUN, you did nice work on this challenge. Your design is very close to the original one. Keep up the good work👏

    0
  • Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @seanyoung247, first of all, let me tell you I've done this project and I know it's really hard. Second thing is you not only nailed it but also took it to another level🤯. I myself am the person who tries to add many extra things and animations in my solution but this solution is really very amazing and I really loved it.😍

    The subtle animation and the addition of extras without messing with the actual design. Amazing👏👏👏.

    I can't give you the review on your react code as I'm a newbie in react. Just fascinated with the solution.

    Happy Coding :)

    1
  • @carlin-mitchell

    Submitted

    I know that there is a lot for me still to learn. My next goal will be to re-factor this project as I get more experience with best practices.

    My main question is: Can I keep the background image centered when I resize the window in only one direction?

    Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @carlin-mitchell, first of all, welcome to this amazing community, and you did really nice work on your first challenge👏.

    And yes there's a huge room to learn the best practices which you'll learn eventually by practicing. Just a suggestion from my side is to keep working on the project consistently and take a look at others' code but don't carry it away by the approach of others. Every one of us has our own style of coding the things you should learn is the best practice and what you like in others' code. Create your own style of code while keeping the best practices in mind.

    For your question: leave the background image to the top only, it'll mess with the design if you centered it.

    Congratulations on submitting your first solution🎉🎉🎉. It's a long and beautiful way to go. Keep learning and practicing. Happy Coding :)

    P.S: take a look at your accessibility and HTML issues and try to fix them. And yeah, Every mistake is an opportunity to learn something new, so never miss it.👍

    Marked as helpful

    1
  • Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @Jrlinkin, you did nice work on this solution👏.

    Few things I've liked and noticed about your solution:

    • Design aspect: Your design is very similar to the given design file. Only a couple of things I've noticed missing are the icons on the bills and the number of person input fields.

    • Responsive aspect: It's responsive and will work on most of the screens. Good work.

    • Functionality aspect: It's working fine.

    • Code: While everyone has their own style and approach to code few things make the code clear and clean and you really did amazing work on that. I like you added the comment wherever needed and your code looks really clean.

    • Accessibility and HTML Issue: You can check the report and you'll notice very small issues causing those issues.

    You did great work👍. Keep practicing. Happy coding :)

    Marked as helpful

    2
  • Nafsuki 245

    @Nafsuki

    Submitted

    I coded desktop first, using Sass and grid layout.

    It was very challenging for me to keep the image fully covered inside of the div, and change the content's order for the responsive layouts. JS email validation part was very exciting to learn.

    Any feedback & suggestion for improvement would be very much appreciated :)!!

    Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @Nafsuki, your solution looks really nice.

    • Design looks similar to the original one, make the width of the container 100%, it will look more similar.
    • Responsiveness is working fine. Keep it up. Happy Coding😀
    1
  • @theReal1Lukas

    Submitted

    Hello. This time I did on bigger dimensions (1440x800) and tried to be as accurate as possible. One question, how to change button arrow color? Tried color , and background-color, and fill, still nothing. So I did second button instead. If you have any advices, please feel free to share!

    Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @FitItGuy, you did good work on this solution. I think most of the things @SzymonRojek has already covered above so please go with the suggestion. Keep it up. Happy coding😀

    3
  • Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @RayaneGomes97, Your solution looks really nice to me👏

    • design is similar to the original one.
    • Responsiveness is also working smoothly.
    • one small thing I would suggest you, add the attribution to the footer.
    • Also try to solve HTML and Accessibility issues. Keep it up. Happy Coding😀
    1
  • Bode 90

    @thewebguyy

    Submitted

    Please correct me when necessary. and if you wanna work together, please feel free to comment.

    Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @thewebguyy, I think you submitted this solution in the wrong challenge section. Please check it.

    1
  • @Jose-Angel-Rey

    Submitted

    Hello everyone!! I would like to receive your feedback on:

    • HTML structure 🏗

    • Responsive design 🖥💻📳

    • Positioning of elements

    and if you have any recommendations on something I need to improve that would be great 👨🏼‍💻🙏🏼

    Thanks guys!!

    Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @Jose-Angel-Rey, You did a nice job on this challenge. Great👏.

    • I like the beating animation on the image.
    • HTML structure is fine and the code looks clean.
    • Responsiveness is also working great. Keep it up👍. Happy Coding😀
    2
  • Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @biancahpp, you did amazing work on this challenge👏.

    • Your design is pretty similar to the originally provided design.
    • I like the small things you added, like the check icon
    • Dark mode is working great.
    • And every functionality is working properly.
    • Responsiveness is also working nicely.
    • Try to solve HTML and Accessibility issues. Keep it up👍. Happy Coding😀
    2
  • Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @wenadev,

    • your solution looks really cool and similar to the original design.
    • the dark mode is working properly.
    • Responsiveness is working nicely as well. Keep it up. Happy coding😀
    2
  • edson 125

    @edsonJordan

    Submitted

    alguna forma de hacer el código mas fácil, posicionar las imágenes en modo desktop. ahora utilice div especial para esas imágenes pero no desearía hacer eso :(

    Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @edsonJordan, Welcome to this amazing community, and also congratulations on submitting your first solution over here.

    • Your solution looks nice.
    • For those background images use CSS background-img property. Learn more about here. I hope it will help you. Keep it up. Happy Coding😀
    2
  • Raihan-21 210

    @Raihan-21

    Submitted

    any feedback will be appreciated,thanks. Also is there any easy way to find the right filter property value on image element?

    Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @Kucabara21, You did amazing work on this solution👏.

    • design is a pixel perfect to the originally provided design.
    • pop-up is working fine.
    • responsiveness is also working nicely. Keep it up. Happy Coding😀 P.S: I don't think that any filter is applied to the image(Correct me if I'm unable to understand your question😅).
    2
  • @danielhopler

    Submitted

    So I feel like this is kinda messy. I came back to this project after a week to finish it. Feel free to slam me with feedback! One big thing I was struggling with is how to position the profile-pic image in a responsive way. I used transform:translate, but I couldn't find a way to make it super responsive. Any help would be great! Thanks!

    Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @danielhopler, Welcome to this amazing community, and also congratulations on submitting your first project. I would also suggest you to take a look at @grace-snow 's solution. She had done great work on it. Keep it up. Happy Coding😀.

    1
  • @rcrespoc

    Submitted

    I want feedback, I'm learning JS and practicing HTML and CSS. Hope u'll like it.

    Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @rcrespoc, You did nice work on this challenge.👏

    • Your design is fine, you can make it more similar to the original design by making the timer card a bit big and also start the clock at 8 days.
    • Responsiveness is working fine.
    • Try to solve accessibility and HTML issues. Keep it up. Happy Coding😀
    2
  • Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @stephenduenas, you did great work on this challenge👏

    • Design is very similar to the original design and works perfectly.
    • I saw a few solutions where it doesn't get the IP automatically. It works in your solution.
    • Responsiveness is working fine. Keep it up. Happy Coding😀
    2
  • Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @andrikp3, welcome to this amazing community. You did nice work on this challenge. You can change the color of the footer. The color is in the style-guide file. Keep it up. Happy Coding😀

    1
  • Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @JonLowery2020, First of all, welcome to this amazing community, and congratulation on submitting your first solution over here. Let's talk about your solution:

    • You did great work on your first solution👏.
    • You can improve a few things like, Add a cursor pointer to navigation links.
    • Make the height of the header a bit large.
    • Use the font provided in the style-guide file and also Uppercase the headings.
    • On the card make the text bigger and uppercase and make it on the bottom of the card. Keep it up👍. Happy Coding😀
    2
  • David 600

    @otodavid

    Submitted

    Hello everyone, can someone suggest a way of making the cards flip? I tried and had issues in getting to make negative values work when rotating. Positive values worked fine but I couldn't get it to rotate counter-clockwise on the x-axis. Any help would be appreciated 🙏🏽🙏🏽🙏🏽

    Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @tomi-david, you did amazing work on this challenge. Great work bro👏

    • Design is amazing and very similar to the original one.
    • I noticed the day started at 113 days while in design it's 8 days, which is not a big deal. You can solve it easily.
    • Responsiveness is working nicely.
    • Also as @ArshKarpoor suggests, try to generate a new screenshot. Keep it up. Happy coding😀
    2
  • @v-larcher

    Submitted

    Hello front-end comrade ! I just finished this project, any feedback is more than welcome :) ! I added an animation to inform the user to wait a little after an IP tracking request, since Ipify can take several second to respond. Have a nice day !

    Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @v-larcher, you did amazing work on this challenge.

    • design is very similar to the original provided design.
    • I like the animation while fetching data.
    • Responsiveness is working nicely. Great work👏, keep it up. Happy Coding😀
    2
  • bonko 30

    @o2bomb

    Submitted

    Hey everyone, hope you enjoy my solution to this challenge. Any feedback or questions about this project are welcome. If you'd like to see more details on the tech stack I used for this challenge, check out the GitHub repository.

    Things I've yet to add to the website:

    • A popup to indicate an error to the user when something goes wrong
    • Outlining input elements (e.g. search input, button) when they are focused

    Cheers! Felix

    Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi @o2bomb, You did great work here bro.

    • It looks nice and very similar to the original design.
    • One thing I noticed is that it does not automatically detect IP(IDK if the API provides it or not but saw on someone's else solution, it worked fine).
    • Responsiveness is working amazingly.
    • You can try to solve the Accessibility issues. Keep it up. Happy coding😀.
    1
  • DerekL 225

    @DplusK

    Submitted

    using the nuxt-color-mode, I have an issue with the transition, where the color mode will temporarily revert back to the original state when navigating to the next page. and yes I know I haven't added the before icons for the search and back, after battling with the API and JS I think I deserve a little break (jk, I am just plain lazy lol)

    Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hey @DplusK, you did amazing work here. Great work👏.

    • I love the animations and the design is pretty similar to the original one.
    • Everything is working perfectly.
    • Responsiveness is also working smoothly.
    • After taking a break try to give a shot to solve the HTML and Accessibility issues😜(It's a lot). Keep it up bro👍. Happy Coding
    2
  • @alenavershinina

    Submitted

    It's my first challenge at Frontmentor :)

    1. It looks so, as the profile card in design has a very light shadow, but I couldn't make the shadow so light. I played with numbers and colors, but it was always too large, too visible. How to make the light almost invisible shadow?

    2. It took a lot of time to put the svg-circles in the background to the right place. First I tried to use percentage values in background-position. It works with images so, that when I write "background-position: 100% 100%", image goes to the right bottom corner. But SVG-files behave in a different way, and I couldn't find out why. When I made browser window smaller (from desktop to tablet/mobile size), the circle moved to the right side (I expected moving to the left side). So I could achieve the goal, using concrete pixel values and media query. But if someone knows, where to read about SVG percentage positioning behaviour, I would be glad to read.

    Adarsh Pratap 5,515

    @adarshcodes

    Posted

    Hi👋 @alenavershinina, First of all, Welcome to this amazing community, and also congratulations on submitting your first solution.

    • For the box-shadow use should use colors in rgba() form, so that you can control the opacity. Pro tip: Use an online box-shadow generator, play with it, and use the shadow which looks great to you. You can use one here
    • I don't think SVG work differently on the background, you specify the position: 100% 100% which is the first is x-coordinate and the second one is the y-axis that's why it puts it on the right bottom corner.

    I hope it will help you. Keep it up👍. Happy Coding😀

    2