
@Aplostar
Submitted
Had a few difficulties adding the overlay effect on image on hover. Also first time using scss, probably not useful for such a small project but it was still fun to learn.
Looking to hire developers?
@Aplostar
Submitted
Had a few difficulties adding the overlay effect on image on hover. Also first time using scss, probably not useful for such a small project but it was still fun to learn.
@James-alderson
Submitted
I finally managed to finish this challenge.
It took me a long time to create the js part of the challenge because this was the first calculator challenge I created. I have tested this challenge several times and in different ways to avoid the problem as much as possible (although there may still be some unsolved problems).
The next part of the time was spent on customizing the radio buttons, it wasn't too hard, but it took a while to get the accessibility issue resolved and to be able to work with the calculator using the keyboard buttons (tab and spacebar).
Actually, this is the first challenge where I added "sass build process" to the challenge. which automatically converts the sass code to css by entering the command "npm run build" and then adds all the necessary vendor prefixes to it. Of course, I am a beginner in this new knowledge and I need to spend time improving my knowledge. (I will probably use gulp in the next project).
I am impatiently waiting for your suggestions and criticisms to write better sass and js codes.
@alicewu1991
Submitted
Not very good at programming RWD, hope have a better way :)
@practitionerofsorts
Submitted
I tried my best but I couldn't find a way to add the linear gradient to the input border. If you have any advice on how to do so, please tell me.
@iManchai
Submitted
Hello FEM Community!
It's been a long time since I upload a project here, but here I am again! This project was quite difficult, mainly the testimony carousel and a little bit the style of the about section. Overall a really fun project to do!
Any tips, suggestions or area of my code to improve is always welcome!
@RobertoBaiochi
Submitted
I have difficulty with responsiveness breakpoints, does anyone have a tip?
@Andresssg
Submitted
This is my first challenge. My first time doing responsive components. Don't be rude haha.
What should I improve?
@itsgonenow
Submitted
Placing the quotation mark svg took the most time and I still could not figure it out. I am unsure whether articles giving a lot of bottom empty space when stretching vertically is normal.
@tylermaksymiw
Submitted
Hi all,
Excited to submit my 10th solution - I've definitely made progress since my first submission! Any pointers on where I can continue to improve would be amazing!
One area of my solution I am unsure about is the code that validates the inputs before displaying Tip/Person and Total/Person output. Is there anyway to make this cleaner?
const getTip = (props.billAmount && props.people > 0) ? (props.billAmount * (props.percentage/100)/props.people).toFixed(2) : "0.00"
const getTotal = (props.billAmount && props.people > 0) ? (props.billAmount * (1 + props.percentage/100)/props.people).toFixed(2) : "0.00"
Thanks again for the advice!
@escapeplan4
Submitted
I don't know how to make toggle switch Work in progress
@Dodeun
Submitted
I did not expect to have this mutch fun doing this challenge when i started it.
The responsiveness of the background's body for screens above 1440px annoys me a bit, I still need to work on my understanding of backgrounds rules.
I am pleased with the way I handled the progress bar, making it nice and responsive.
Feedback welcome!
The design had a few color contrast issues, but I coded what was supplied via the style guide.
@yacineKahlerras
Submitted
any feedback is welcome 🙏. added hozizontal swipe option also i made the arrows activate the same sliding method so its smoother
@Yuri-0207
Submitted
it was a great practice for me, hope to get to the next level.
Join over 100,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!