@hypyeon
Submitted
I learned how to code in JS back in 2021, and after a period of not practicing I've forgotten so much of it. I wanted to practice through this project but I could not figure out how to switch contents with the toggle function. As you can see I used checkbox in HTML and I was wondering if anyone can help me come up with JS function accordingly... much appreciated in advance! :)
Submitted
Hi y'all..
I learned so much about JavaScript through this challenge. I learned how to code about a year ago but I wasn't consistent with my practice. While solving this challenge I realized how much I've forgotten and that I lacked practical skills.
For JS, I have these questions, if I may...
I was really excited to solve this challenge, as I have only focused on HTML and CSS so far. I want to get better at JS quickly so any advice will help! :) Cheers!
Submitted
I had so much fun solving this challenge. I was lazy to learn about responsive mobile menu feature using JavaScript. I am proud to have figured it out on my own. Yet it was my first trial so any tips and feedback on that specific feature would be appreciated! Another thing I was not very confident about was using Bootstrap and Flex at the same time. It does get complicated from time to time and I learned that it's very important to plan things ahead before coding - looking at the challenge and writing down the sequence of each block (or session) on my note helped clearing it up for myself before starting. Anyways, anyone who's reviewing my work, thank you very much for spending your time on it, and happy coding! :>
Submitted
Most of them were not challenging to do, it was a good practice on CSS Flex. However, I did spend a lot of time figuring out some of CSS features but ended up giving up.. for example, the overlay feature that gives a "tinted color" added to an image. I did look for a solution on google but everything looked kind of complicated. I wanted to know if there's an easier solution such as "filter: ;" that would directly affect the color of img coating, if that makes sense. Also, I wanted to figure out how to align the preview card on the center of any screen - it was very complicated since using Flex, and align-items and justify-content, there should be the height defined but height on every screen is different - and setting it as 'auto' never worked. Thus I set it as 900px which is good for the 1440px width. But I want the card to be aligned in the center for other screen sizes too. Is it possible to make this happen while using Flex still? Other than that, I tried using <picture> syntax, advised from a coder from my previous challenge, but the 'srcset=""' never seemed to work on my VS Code. Unlike when using 'src=""', it doesn't show path for the images, nor copying and pasting the path used on 'src=""' to 'srcset=""' worked. I read about <picture> on W3School and everything, I never succeeded in yielding responsive images using the syntax.
Would really appreciate it if you could give me some advises on these, and more if there's a room for improvements! Thanks :)
------ edited!
Submitted
I solved a challenge that was 'Intermediate' but was struggling. So I wanted to go down a level and practice on the basics with more confidence and assurance. It was so much fun!
Submitted
