@rsentanu635
Submitted
Hello, I would like some feedback on just the organization of my code and how I can make it look cleaner overall. (i.e. bracket placement, line spacing, etc)
@jadurani
@rsentanu635
Submitted
Hello, I would like some feedback on just the organization of my code and how I can make it look cleaner overall. (i.e. bracket placement, line spacing, etc)
@jadurani
Posted
"how I can make it look cleaner overall. (i.e. bracket placement, line spacing, etc)"
Hey! I'd recommend you check out Prettier:
Hope you found this helpful! Happy coding! 🎉
@brycezusan
Submitted
I've just completed a front-end coding challenge from @frontendmentor! 🎉
You can see my solution here: https://effortless-zuccutto-9d2bf5.netlify.app/
Any suggestions on how I can improve are welcome!
@jadurani
Posted
Hey! I was checking out your solution and here's my feedback:
<table>
HTML tag and its related tagsHope you find this helpful. Congrats on submitting your first solution! 🎉
@jadurani
Posted
Hello, I looked at your solution and have a few comments:
Phone number field
Next Button
#164A8A
Yearly / Monthly Toggle
#022959
Form Steps (The form numbers on the side)
Hope you find these comments helpful. Overall, congrats on your submission! 🎉
Marked as helpful
@Mussab12
Submitted
When designing this page I find difficulty in making the layout of the qr-code-container. I have tried to adjust it according to different screen sizes. It's not accurate but I have tried my best.
@jadurani
Posted
Hello!
Congrats on submitting your solution :)
"I find difficulty in making the layout of the qr-code-container"
I saw that you've set fixed width and height for the container. This makes it difficult to adjust the container according to different screen sizes. Try setting a max-width for the card container only (but not height, let the contents expand the container vertically and handle the height). And center the container in page vertically and horizontally.
Hope this was helpful. HAPPY CODING!
@Afgantar
Submitted
Images load slowly, please give me some feedback on how to optimize image loading and image placeholders so user don't stare at white screen as they wait for the image to load. And also, please give me some tips on accessibility for my website such as labelling or good user experience in general. Your feedback would be helpful and very much appreciated
@jadurani
Posted
Hello,
Good work :) Regarding your concern on "how to optimize image loading", I have some recommendations:
srcset
for the image tags. See references below:
Best,
Rani
Marked as helpful