Latest Solutions

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.

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.

Hi, this is my first challenge Feedback welcome ; )

I´m glad to receive feedback :)

(PT-BR) Não consegui identificar o motivo de ter ficado uma borda na parte inferior da imagem.

(EN) I couldn't identify why there was a border at the bottom of the image.

Not very good at programming RWD, hope have a better way :)

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.

Feedback is welcome

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!

I have difficulty with responsiveness breakpoints, does anyone have a tip?

This is my first challenge. My first time doing responsive components. Don't be rude haha.

What should I improve?

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.

I loved this challenge.

I will appreciate uf i could get feedbacks.

it's okay

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!

• Tyler

it's okay

I don't know how to make toggle switch Work in progress

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.

any feedback is welcome 🙏. added hozizontal swipe option also i made the arrows activate the same sliding method so its smoother

I don't have the image size

thank you.

it was a great practice for me, hope to get to the next level.