Latest solutions

Hello fellow coders! It would be of great help if one of you could examine my javascript and look for ways i could have improved my code and maybe give me some tips on how i can write more clear and concise code. Is it a good idea at all to use if statements in your js? Your feedback will be much appreciated.

Implementing responsiveness was the most difficult part of the project, especially the responsive navbar.

A responsive site to display QR code. The view is responsive from Desktop viewport and mobile.

Hello! This is my third challenge in FEM this challenge is actually fun and simple i've use the api of the geolocation and the leafletJS for the map. I struggle a while in using the React Leaflet because the map is not rerendering when i try to change the ipaddress and just a simple useEffect solve it hahaha I just made the ipaddress as the dependency whenever it change and rerender the Leaflet Map. And another thing is the Marker i struggle also showing the Marker icon because its not loading properly I got help in chatGPT and solve the problem hahaha. Anyways this tracker is fun to use. And I don't know how to find the location using the domain name and if anyone know how to use the geolocation using the domain please tell me hahaha.

Please feel free to correct any of my mistake I appreciate any of it, and also it will help me to grow more.:)

I'm interested in seeing a solution to get the image-mockup png to match the design file. I could not come with a solution that achieves it.

Happy to complete my firs Javascript Challenge.

All reviews are welcome.

How did you match the colors for the dialogue boxes with the ones in the design?

I used CSS color mix property.

How can I improve the logic and design?

I have given ID values of "1","2"..."5" to the options and clicks fetch the elemet.target.id values to the updateScore function. For some reason my javascript function kept returning "undefined" for my event.target.value selector, despite mentioning the values. What could be the reason?

The 26th Challenge is done on the 26th Day!

#100daysofcode

Come and view my solution! All feedback is welcome! :)

This project was a really nice introduction to the new react-router 6.4. Learnt how to use the new data API's to send and receive data to routes.

The challenge was completed using only HTML and CSS, and there is no additional information to share.

All suggestions are welcome. Some of the points you see in the solution do not match the design because the Figma design and image design that attached from starter file are not the same. But I'm attempt to match and make it reasonable.

Hello, this is Mohamed. I want help in designing the range button. How can I make it the same as the original design? Thank you

Feedback welcome <3.

Your feedbacks will be appreciated

ecommerce-product-page-main

Hi guys the thing that i couldn't guess a solution for is the circles around the winner choice. I did only one circle but many circles with different opacities are hard. If you have any suggestions i will be happy to hear them.

1. Still think about would to show game button to display: inline-block while hover it, instead of showing all.
2. While player win, board should show oordinates. I've tried to display this by renderGameRecord in Main.js, not sure why this didn't work.
3. Wondering why console keep shows warning about useEffect

The main difficulty I had was in aligning the card images (front and back) on top of the div containers. I ended up using z-index and position:relative for some of the containers. I also had to reposition and realign various elements for smaller screen sizes.

Hello There! 👋🏽

Here is my solution for this challenge!

Built Using⚒️ :

• Semantic HTML5 markup
• CSS custom properties
• CSS Flexbox
• Mobile-first workflow
• BEM
• Animation

Question🙋 : Any Idea on how to animate the input to the age position upon submission(as required by the challenge)?

... Feedback on how I can improve my code would be highly appreciated! 🙏🏽

Thank You, and Keep coding! 👨🏽‍💻

All feedback are welcomed

Hi everyone!

Check out my solution for the time tracking dashboard challenge. I have used custom CSS colors, CSS grid, CSS flex-box and vanilla JavaScript for this challenge. I have also added Animations for the mobile version.

Please provide your feedback regarding this solution.

Made with love!

Dealing with images is always a bit of a struggle. In this challenge images were a night mare but at last I did it.

If you have a great source of information about dealing with images please share, thanks so much.