@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.🥰
Looking to hire developers?
@adarshcodes
@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.🥰
@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 :)
@JFREUN
Submitted
Hiya!
This is my solution. Any tips or recommendations are welcome!
@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👏
@seanyoung247
Submitted
This is my first react project, so I'd be interested to hear all the ways I got react wrong :).
@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 :)
@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?
@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
@Jrlinkin
Submitted
Open to feedback, tips, and suggestions! Thank you. :D.
@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
@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 :)!!
@adarshcodes
Posted
Hi @Nafsuki, your solution looks really nice.
@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!
@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😀
@RayaneGomes97
Submitted
Fedback are welcome
@adarshcodes
Posted
Hi @RayaneGomes97, Your solution looks really nice to me👏
@thewebguyy
Submitted
Please correct me when necessary. and if you wanna work together, please feel free to comment.
@adarshcodes
Posted
Hi @thewebguyy, I think you submitted this solution in the wrong challenge section. Please check it.
@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!!
@adarshcodes
Posted
Hi @Jose-Angel-Rey, You did a nice job on this challenge. Great👏.
@biancahpp
Submitted
Please feel free to leave any feedback.
@adarshcodes
Posted
Hi @biancahpp, you did amazing work on this challenge👏.
@wenadev
Submitted
Feedback will be appreciated
@adarshcodes
Posted
Hi @wenadev,
@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 :(
@adarshcodes
Posted
Hi @edsonJordan, Welcome to this amazing community, and also congratulations on submitting your first solution over here.
@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?
@adarshcodes
Posted
Hi @Kucabara21, You did amazing work on this solution👏.
@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!
@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😀.
@rcrespoc
Submitted
I want feedback, I'm learning JS and practicing HTML and CSS. Hope u'll like it.
@adarshcodes
Posted
Hi @rcrespoc, You did nice work on this challenge.👏
@stephenduenas
Submitted
Hello everyone. Feel free to give feedback! :)
@adarshcodes
Posted
Hi @stephenduenas, you did great work on this challenge👏
@AndriP8
Submitted
Any feedback is welcome Hope u like it
@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😀
@JonLowery2020
Submitted
Any feedback on spacing would would be helpful.
@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:
@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 🙏🏽🙏🏽🙏🏽
@adarshcodes
Posted
Hi @tomi-david, you did amazing work on this challenge. Great work bro👏
@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 !
@adarshcodes
Posted
Hi @v-larcher, you did amazing work on this challenge.
@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:
Cheers! Felix
@adarshcodes
Posted
Hi @o2bomb, You did great work here bro.
@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)
@adarshcodes
Posted
Hey @DplusK, you did amazing work here. Great work👏.
@alenavershinina
Submitted
It's my first challenge at Frontmentor :)
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?
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.
@adarshcodes
Posted
Hi👋 @alenavershinina, First of all, Welcome to this amazing community, and also congratulations on submitting your first solution.
I hope it will help you. Keep it up👍. Happy Coding😀