Hi there ๐, Iโm Melvin and this is my solution for this challenge. ๐
๐ ๏ธ Built With:
- TailwindCSS
- npm - prettier
Any suggestions on how I can improve and reduce unnecessary code are welcome!
Thank you. ๐โ๏ธ
Hi there ๐, Iโm Melvin and this is my solution for this challenge. ๐
๐ ๏ธ Built With:
Any suggestions on how I can improve and reduce unnecessary code are welcome!
Thank you. ๐โ๏ธ
Hello melvin, great solution congrats on finishing that, I am really surprised by how precisely identical your solutions are to the main design, are you using some kinda app or something to help you get the most accurate size in px? if you do please let me know, and keep it up, your work is really impressive, hope you continue this journey and never give up, good luck.
๐พ Hello, Frontend Mentor coding community. This is my solution for the Testimonials Grid Section.
Feel free to leave any feedback and help me improve my solution or make the code clean!
๐คฉ I had a lots of fun building this challenge! Mainly because I understood how to apply a focus effect on the card hovered with only CSS and I've also created my own design changes and personal improvements to the challenge elements.
SPECIAL THANKS to @elaineleung that show me how to add different animation stats for the cards in the intro.
I added some features:
I'll be happy to hear any feedback and advice!
Hello Lucas, I hope you are doing great ๐. focus effect is absolutely gorgeous๐, would you give me a hint on how to do this by myself if you don't mind?
My solution for stats preview card challenge. All feedbacks are welcome. (especially regarding accessibility and responsive design)
hello Kaan ๐ your card's text collapses sometimes I guess you should set your card's height on auto so that it can grow depending on content inside of it , if that didn't work play around with padding between the texts a little bit, I hope it helps . nice job btw ๐
This is my first Junior challenge completed! ^^ I'm more or less satisfied with the final result but I had a hard time coming up with a nice-looking layout for medium screen sizes and I feel like I had to use one or two small "hacks" to make things look like how I wanted. I sometimes felt a bit frustrated and confused about the length of this design, as so far I only did smaller components, but I'm sure this is something I'll get used to ^^
Pretty please give me your honest feedbacks about it, I'm sure there's plenty to improve on my html, how I organised my code and on these small "hacks". One of these hacks was how I aligned the feature divs in the workflow section. The images are not the same width and height, which made the text look all over the place. The only solution I could came up with is to set a fixed height for the image holder divs, but I'm sure there's a more elegant way to do this (probably it's just my lack of knowledge of flexbox).
I'd appreciate it if you take time to look at my work. Have a lovely day everyone! :)
edit: After looking at the report, I'd like to ask, do I need to provide an alt
for all images even if I set aria-hidden
for them?
I had not used the reset before, and tried to use it this time around. Whilst it cleared the inputs automatically, i still have to figure out its proper use as my variables are not being reset - reset.addEventListener("reset", function())
hello chamu nice work ! I would be appreciate if you take a look at my solutions and give me your honest advice๐
I've first tried to make it through Mobile, I had trouble adjusting the margin for the stats of the card for mobile. And for the re-sizeing of the font for dekstop is a bit wrong will work on it.
My third project on Frontend Mentors. I'm slightly dissatisfied with my solution because I used a different API for tracking IPs than what was suggested by Frontendmentor. This is because the recommended one allows only up to 1000 calls whereas the one I used allows up to 10000 calls a month. But as you will find out results of the this API are somewhat less accurate. Please do provide me suggestions on where I can find alternative APIs for the app. It goes without saying comments on other features of the app are also very welcome. Thank you
This is my first challenge, so i have a couple of questions
In the style guide file there are defined desktop and mobile resolutions. In that case, does the desktop version of the page has to look good up until that specified mobile resolution or it's just up to me when i switch to mobile or i can also make up my own "tablet" version of the site? Because i think my solution switches to mobile too early.
When using SCSS for example, is it advisable to use media queries in each class / selector if the breakpoints are mostly if not all the same?
Thank you!
Please give me honest and sincere feedbacks.
hello Amera nice work ! I have some feedbacks that might be helpful though , first you need to use <a> tag for links in footer of your solution and also you should probably use cursor : pointer for buttons .
and at some points for small screens devices for instance at 250px width and less your icons and images become too small I think this happen because you are using relative units for your icons or images .
I would be appreciated if you have any opinion or advice for my solutions and happy coding btw.๐
Hello Everyone! ๐
Newbie challenges are tricky challenges. ๐ฌ
Now for the questions:
button
element for Change and use anchor tags for Proceed Payment and Cancel Order. Do you think it's true or not?Order Summary
words, do you think it can be a heading or other tag?Of course, other comments or any issues that you may find, feel free to write it down.
Also if you want me to give my feedback on your solution, feel free to give me the link on the community feedback! I will be glad to help you too!
Thanks!
good job โ๏ธ๐ please take a look at my solution for this challenge and let me know if you have any feedback I would be appreciate ๐ your feedback has been helpful for me last time .
Feedbacks are appreciated :) Main problem was adjusting background image which I somehow solved by using background-size: contain. This is the first time I have used this property.
Hello, everyone! ๐
Open to any feedback and recommendations, Would love to hear some feedback or suggestions on improving my code quality. Your suggestions and feedback are highly appreciated.
Happy Coding :)
hi muhammad congratulation . it looks perfect but in my opinion you should use media query for desktop and big screen devices at about 1100px width . because when width go further than 1100 px image is too big or you can just reduce the width of you image at that point . ๐โ๏ธ