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.
Great Solution! Loved the social media icons animation. Keep them solutions coming.
It starts with a loader animation, once you get to Thank You page, you can click on Thank you again to go back and forth between two pages/states.
A challenge i've done while ago, so i'vent changed the old code, (e.g. conversion from px to rem etc) but i've just added some animations today.
Unique design, clean code, smooth render, "Alive" component, and overall amazing display. I'll have to implement some styles from here. Loved the gradient effect on the card, it feels like sunlight coming from the moving curtain. :D
May I ask, how long have you been a web developer (years of experience)? and could you recommend any online tools or courses to learn about web development?
👾 Hello, Frontend Mentor Community,
This is my solution for the Interactive Rating Component.
100% Accessible solution with form integration, you check by pressing tab key along with ← & → to traverse your rating selection finally hit enter to submit your resultfieldset, legend, & radio input elements to build well accessible form99.5% on Google Pagespeed Insights! 🤩css and js inside the html file itself to improve site performance. results 86% => 99.5% 🚀Prettier code formatter to ensure unified code format ⚙️.
👨🔬 Follow me in my journey to finish all newbie challenges to explore solutions with custom features and tweaks
Ill be happy to hear any feedback and advice !
Great job! Abdul Khaliq.
Nice and clean code, nice Read Me structure as well. For the Screen Reader Only file (sr_only), the CSS you used is a general copy-paste? Also, how did you get the badges in the Read Me file?
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.
Amazing design! Smooth transitions, ripple effect on click, card transition, everything as it should be.
You coded 800 lines in CSS for such a small project. That's crazy! (In a good way :D)
You must have like 10+ years of experience being a Web developer.
23 likes.... JUST ? Bro, you need to change your profile pic into a cute pretty girl and pick a name like Rebecca Chambers. 300+ likes easily.
I've seen people here swarming likes on the worst designs, just because the submission was by a pretty girl. LOL. Simps everywhere.
Hey there! How is life treating you?
This was a nice fun challenge. The most difficult part was customizing the Radio buttons, tricky and unorthodox. I would love to know your feedback about:
Thanks in advance, guys!
I'm having issues with the label tag here, can anyone suggest a fix to this?
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.
Nice solution Man! I loved what you did with the border-color and your handling of SVG images inside CSS. The SVG images were purely for presentation and it makes sense not to use them inside HTML. Oh and the attribution tag centered with text-align was pretty cool as well.
I completed the challenge just about 2 days ago and wanted to check out your solution for improvements, and I learned ALOT! Keep up the good work dude!
Hello, My Fellow FEM members! I present to you yet another below-average solution, hope you don't mind.
My first project to upload straight out of the BASH/GIT, setting up the SSH Authenticator was a real pain and more pain when I accidentally used two different E-mails to authenticate a single key, where I spent hours figuring out why are the **pushed commits ** coming from a different E-mail. In order to find a solution on the web, I came across deep complex conspiracy theories. Am I being hacked? Am I being spied? Is GitHub not as innocent as it seems? hmmm.. but finally I figured it out as always, It was my own silly mistake. I can already imagine Kratos yelling at me "BOI, WHY DID YOU USE TWO E-MAILS".
As always please do give me any feedback, Thanks!
I don't understand why the link text error. I've used the aria-hidden property inside the img tag not the anchor tag, strange. Can anyone point out the issue or a workaround?
Hello Everyone! 👋
This solution has been updated! 🎉
I recreate this project again from complete scratch!
Also, check the documentation of this project! I'm sure that you will find something interesting in there.
Now for the questions:
Please feel free to write down any suggestions or feedback you may have! I'll be happy to respond and fix my code. 😀
Also, if you'd like me to give feedback on your solution, please leave a link in the community feedback section!
Thank you!
Hey Vanza! Nice and clean solution.
What's more impressive is your "Read Me" documentation. It's honestly really detailed. It seems like you spend more time on making documentation than coding 😄. Where did you learn to document in such detail?
Hello FEM community!
I got extremely busy with my work this month, so this project took a while to complete. I only had time to code for two hours a week, seriously 😄. I wasn't able to code consistently with this project, so sometimes I felt out of context. It also has many missing pieces but I had to make it work.
Anyways, as always, I would appreciate any feedback. Some things I need guidance with are:
and any other specifics. Thank you all!
I would appreciate it if someone can give some feedback on my HTML Semantics as well, like the use of <section> tags, <div> tags, and the use of HTML for testimonials. I used <blockquote> tags with headers.
Hi! I have modified the wrong things, I would love to receive your feedbacks .
Excellent way of using VH and VW as background positioning. Elegant and as always. 👍💯
Hey community, I have a little surprise for you 😊. Feel free to give me any suggestion or advice on how to make this better.
Amazing and unique. Nice, Azka! 👍✨
When viewing your webpage on device-landscape orientation, the text is not as it should be or is it like that?
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 .
Awesome flip, Phoniex! Although, I got a little scared looking at all that <svg> tags in the index.html file. Is it that hard to make an SVG? How long did it take you? I'm intimidated I tell you. 😆
