All solutions

Helloo good day! This challenge took me some time to finish because I wanted to make it have a credit card validation and it's unfortunate that I wasn't able to find out sooner that a credit card validator library exists from npm and I had to do it the hard way that's why it took me so long. I had to look up for solutions online particularly on stackoverflow. I would like to give huge thanks to the people from stackoverflow for the resources I got. I was able to learn and have some idea about libraries and packages along the way. Please feel free to give some feedback and I would appreciate it. Thankyouuu. 💕

Hello good day! I just completed this challenge using flexbox and css grid. It was fun doing the challenge. Feel free to take a look and any suggestion or comment is highly appreciated. Thankyouu and happyy codinggg.

hello good day! it's been a while since my last challenge here and I've decided to challenge my js skills through this once again after reading and studying js fundamentals. there is one thing that i can't seem to solve here because instead of using the button element for the tip selection, i used radio buttons to them and the problem is that they're not accessible when pressing the tab button as i hid the radio buttons and used the label element in interacting with the radio buttons. i can't find a solution for it and other than that i think it's all good. do you guys have an idea for this??? any feedback is appreciated thankyouu.

Hello, it took me days with this challenge and I'm happy with my output. I used swiper.js for the testimonial part but I wasn't able to make it look exactly with the desktop design which has a three-column layout. Any feedback would be appreciated.

Hello, it's been awhile. It was a fun challenge and the hero part was very tricky, I'm not sure if it's the right way of doing it. Please feel free to leave a feedback.

Hello, this challenge took me days to finish and it contains lots of overlays. I used the ::before pseudo-class in making those overlays. I tried to make my markup semantic as possible. I also used position: sticky; on the header. Any feedback is welcome, I appreciate the effort.

I'm not really sure if my markup is semantically correct since the cards are supposed to be interactive because of the hover with cursor: pointer and I just used div in making them. Are they supposed to be in an anchor? Also should they be in an unordered list with ul? Please bear with me if I have so much questions. If someone could answer my questions it would be a big help. I added keypress event on the toggle for accessibility. I'm actually happy with my work and this was a fun challenge. Please feel free to leave feedback, I appreciate the effort.

I was able to practice my skills in using grid once again through this project. Any feedback is welcome I appreciate the effort.

I learned how to make a full view navigation on mobile through this project. Please feel free to give feedback, I appreciate the effort. :))

This project has shown me how DOM manipulation works and I'm still not quite knowledgeable of it. If not for other people's solution here I wouldn't be able to make it. Please feel free to give feedback. Any feedback is appreciated. 😘

This is the first time I gave up on a challenge lol. I just wanna lay it down here because I wanna take up a different challenge. This challenge is too challenging for me literally but here's the thing, I was actually able to make 80% of the front-end on mobile. What made me drop this challenge is the content of the modal. The radio button was supposed to show the input part of the pledge and that part drained me. Maybe I had to rewrite the markup to be able to pull it off. I kept on looking for solutions but no luck. The good thing I had here at least is I learned how to make a modal.

Hello, it's been awhile. I have to say this challenge really had me depressed because it's my first landing page lol. The layout is very tricky for me and it took me time to pull it off. I hope someone here could check out my code because it's kind of a mess and I'm not really sure if it's okay. It's my first time doing the mobile-first approach. Also I tried to use BEM in doing css. One thing that bothers me is that when the page opens for the first time on mobile, the second image isn't centered. It only gets fixed on reload. Do you guys know why? I'm hoping for any honest feedback.

Hello, I kind of struggled with its responsiveness, maybe because I took it with a desktop-first approach. Feedbacks and suggestions are welcome, please feel free to judge my work.

Hello, this challenge helped my javascript skills a little bit because I'm still learning js at the moment. Any feedback is greatly appreciated thank youu.

Hello, I used css grid in this challenge because i feel like grid is what being presented here. However I also feel flexbox could be an alternative approach. If anybody here knows the best approach I would appreciate the feedback.

this one really had me challenged because it has a lot of javascript and i really wasn't knowledgeable enough about it. i would really be grateful if someone here could check out and see my javascript code because i'm not comfortable with it.

I hope someone would take their time to see my work because it took me time to finish this challenge. I had to use some of my points to check out other solutions because the layout is new to me and I had no idea what to do. Any honest feedback is highly appreciated.

this one really had me thinking of which one to use between flexbox and grid. i'm not really sure if the two methods are valid to use in this design. i wasn't able to make it close to the design as it wraps and not consistent but it's all i got. i would really appreciate any honest feedback and suggestion if there is a better approach for this challenge.

Hello, It took me time to complete this challenge because of the overlapping of the text and image and also the background svg of the image, it was very tricky. I'm looking forward to any honest feedback because I really want to be a good front-end developer.

I know this is just a newbie challenge but It feels difficult for me. I had a hard time on the share button part as it was supposed to be outside of the container but I was not able to solve it. It was the only part that freaked me out and the only thing I did was to improvise with its mobile design. It wasn't that close but I did my best. If you guys have the idea for this I would really appreciate it.

Hello, this is what I did with the challenge. I used css grid and I did my very best to make it close to the design as possible. Though there is one thing that bothers me because as the resolution goes higher it gets messed up. I wasn't able to make it intact like how it should. Maybe because of the css grid? Do you guys know the reason? Any feedback would do a big help.

Hello, this is what I came up with the challenge. I used css grid and I had a hard time figuring out how to center the image in responsive design. I would love to know the solution if you guys know how. This is all I've got and any feedback is greatly appreciated. :))

Feel free to comment feedbacks and suggestions or even rate it out of 10, it would be appreciated. Thank youu.