All solutions

Please let me know what I could improve on my code?

Happy to hear any feedback in general :D

It's nice to be coding again after more or less 3 months of resting from coding.

I got a bit rusty a forgot some basic JS stuff but manage to look at my old code and finally figure it out.

I struggle most on the rating part. I got stuck on how to correctly get the correct rating and display it on the Thank you Page. End up figuring it out eventually but I believe It can improve more if given more time.

Highly appreciate any suggestion and feedbacks. Always eager to learn the best practice. Please don't hesitate to leave a comment. Thanks

Please check my code. I believe I have improved with coding since I first started. I just want to know what you would have done differently with this challenge?

This is one of the biggest Landing Page I've done yet. I've always have difficulties with organizing classes and naming classes to optimize the code.

Anyway, I would love to hear your opinion about my code and how I can improve on which area.

Always appreciate feedbacks :)

I did my very best for this challenge trying to make it look as close as the design as well as the functionalities. I added some try catch code so that inputs would only accept valid numbers.

I would highly appreciate if you could leave a feedback to my solution even more if you leave some tips on how to do some of the stuff better.

This is my first challenge in Junior level. I'm not sure if I have done the right way on using grids. I would like to know what are you feedbackss.

This is my last challenge for newbie level (free version). Any feedback to improve my code is very welcome and appreciated.

Please check if my Javascript is good enough. I am always willing to see the optimal solution and try to learn and apply it.

So please don't hesitate to leave feedbacks :D

This is my JS code. Not sure if this is the optimal way but it works just fine for this challenge.

What should I have done differently? Any thoughts?

const shareIcon = document.querySelector(".fa-share"); const iconContainer = document.querySelector(".icon-container"); const picture = document.querySelector(".picture"); const profile = document.querySelector(".profile"); const socialMedia = document.querySelector(".social-media"); const mobile = window.matchMedia("(max-width: 977px)");

if (mobile.matches) { shareIcon.addEventListener("click", mobileButton); } else { shareIcon.addEventListener("click", desktopButton); }

function mobileButton() { shareIcon.classList.toggle("icon-color"); iconContainer.classList.toggle("bg-color"); picture.classList.toggle("hidden"); profile.classList.toggle("hidden"); socialMedia.classList.toggle("hidden"); }

function desktopButton() { socialMedia.classList.toggle("overlay"); }

Finally finished all the HTML CSS newbie level

I'm quite satisfied with the finish product of this challenge. Do you guys have any feedbacks that could help me improve my coding?

Did my best. Struggled with the image positioning specially when I resize the page and the image will move. Somehow manage to fix it though.

What are your thoughts on my solution for this challenge?

Did I do this challenge right?

How was my solution?

I'm new to these kind of challenges and I am very happy to the end result of this particular challenge. I even added a hover effect on the profile image just for fun using Javascript.

I have a problem that I can't find an answer to this challenge.

If the screen size went below 300px in mobile. The total with of the page becomes weird and it doesn't stretch to full size. By weird means it becomes smaller and smaller than the current width of the page.

Best way to understand is to check the Live Site and try to check it for yourself.

Hopefully someone can help me with this as I can't figure why.

I would like to what would be the best way to create this challenge. I've used flexbox, and I just want to know if I am in the right direction.

Will I be doing the same if I am working in a real environment?

https://briancarlo24.github.io/Stat-Preview-Card-Component/

For this challenge I added 1000px width to the card container. Reason for doing that is to avoid the image being stretch making it look weird.

The mobile design with be triggered at around 375px and that would be another design to make it responsive. However, on breakpoint 1000px(estimation) the right container will move below which is suppose to trigger at 375px only.

How do you fix that? Is adding a fix width the best solution here?