All solutions

What are you most proud of, and what would you do differently next time?

i'm proud that i finally managed to finish it! and it doesn't look too bad! i feel like i climbed mount everest! i think the html is a bit messy though, and i think i could make the js more DRY, so next time i'd focus on that.

What challenges did you encounter, and how did you overcome them?

i had trouble with tailwind at the start, but after spending so much time on this project i think I'm starting to get better.

What specific areas of your project would you like help with?

any feedback is welcome

What are you most proud of, and what would you do differently next time?

i used this challenge to try tailwind since it's very simple and doesn't have too much content to style; i'm happy with the result considering it's my first time with tailwind, but i think for bigger projects i'd try to group the classes and make the html less repetitive

What challenges did you encounter, and how did you overcome them?

i had trouble with the configuration of tailwind and with making some things work, like using a custom font or color, but searched around a bit and eventually found the answers

What specific areas of your project would you like help with?

any feedback on how to use tailwind better is appreciated!

What are you most proud of, and what would you do differently next time?

im happy with the final result, next time i'd try to make the js more DRY

What challenges did you encounter, and how did you overcome them?

i had some issues with the layout and making it look good on medium-sized screens, in the end i think it looks fine enough even though it's very simple and maybe not the prettiest

What specific areas of your project would you like help with?

any feedback as to if i'm doing a good job with accessibility and how to improve

What are you most proud of, and what would you do differently next time?

it looks good enough, but next time i'd try making it look better on medium sized screens and I just noticed the hero image should be darker, i forgot to add that

What challenges did you encounter, and how did you overcome them?

had some issues setting up sass and then with the layout as always, but after trying fifteen thousand times everything worked.

also, on my screen it doesnt look like in the design comparison, not sure what's up about that

What specific areas of your project would you like help with?

all feedback's welcome

What are you most proud of, and what would you do differently next time?

it was easy and quick to do, but that's just because it was a very simple layout with no js involved. It's my first time using bem, so i'm still not that confident with it and i'm not sure i used it correctly, I'll keep practicing.

What challenges did you encounter, and how did you overcome them?

nothing in particular, for once

What specific areas of your project would you like help with?

any feedback will be appreciated and treasured

What are you most proud of, and what would you do differently next time?

It works! The code is a bit messy but I'm happy that it works

What challenges did you encounter, and how did you overcome them?

I struggled with the mobile menu, the cart menu, the lightbox, the general layout, making each button do whatever each button had to do, it'd be quicker to ask what i didn't struggle with. but my perseverance will triumph. I bend, but do not break. I whine, and complain, and cry and throw tantrums, but eventually, by sheer luck, through some deus ex machina and never through my actual skills, I reach my goal. i'm so sorry for anyone who actually reads these i'll stop wasting your time

What specific areas of your project would you like help with?

is there an easier way to make that side menu thing so that the rest of the screen gets darker and paler when it is open? right now i use a dialog for the menu, and style the rest of the content through js whenever the dialog is showing, because the ::backdrop only works if i make the dialog a modal, but if it is a modal it doesn't stay styled at one side of the screen, but it appears in the center no matter which saint I light a candle to.

What are you most proud of, and what would you do differently next time?

I'm proud I didn't toss the laptop or myself out the window, next time i'd go on a pilgrimage to compostela before doing the challenge to ask for the miracle of understanding grids

What challenges did you encounter, and how did you overcome them?

The layout just kept doing whatever it wanted without my consent. In the end it didn't turn out too bad, but I wouldn't exactly say I overcame anything, since the content is still not aligned properly in the grid. I just gave up because I wanted to preserve what little sanity I have left. Also I had one hell of a hard time making that menu thing work in the mobile version, but my perseverance and refusal to bow to the whims of a dialog tag lead me to victory. Come through!

What specific areas of your project would you like help with?

honestly i'm a mess at everything so any help is appreciated

What are you most proud of, and what would you do differently next time?

i think i'd try to be less messy when writing the js

What challenges did you encounter, and how did you overcome them?

had a bit of trouble validating the form with the approach i was initially using, so i just restarted from zero

What specific areas of your project would you like help with?

i'm not sure what I should put as value of the action attribute on the form. should I link to the js file?

What are you most proud of, and what would you do differently next time?

nothing in particular

What challenges did you encounter, and how did you overcome them?

making the buttons be activated through keyboard alone took a while

What specific areas of your project would you like help with?

i'm open to any criticism or suggestion

What are you most proud of, and what would you do differently next time?

it was easier than usual and didn't take as long

What challenges did you encounter, and how did you overcome them?

nothing in particular

What specific areas of your project would you like help with?

any feedback is appreciated!

What are you most proud of, and what would you do differently next time?

i'm just happy that it works, but i think i write a lot of unnecessary code

What challenges did you encounter, and how did you overcome them?

i had trouble with the javascript part, retrieving and working with the values from the input fields, but the solution came to me from the gods during a break

What specific areas of your project would you like help with?

I couldnt get the arrows by the side of the number input fields to be hidden on firefox, if anyone knows a solution it would be appreciated

What are you most proud of, and what would you do differently next time?

I didnt have issues with grids this time... i had issues with everything else tho. the day i get the sizes right i'm throwing a party and you're all invited. also I think I'm color blind cause i never seem to get the colors quite right

What challenges did you encounter, and how did you overcome them?

the biggest difficulty was using the json file. after a bit of research i managed to make it work on chrome, but not on firefox. I solved it by changing the path of the json file to include the url of the live site

What specific areas of your project would you like help with?

I used fetch to use data.json and it works but I don't understand it well

What are you most proud of, and what would you do differently next time?

I'm proud that I managed to finish it and that I didn't take as long as I thought I would, but I'm still not very good at judging sizes

What challenges did you encounter, and how did you overcome them?

i couldnt get the validation to work, because I had forgotten to add defer in the script tag; also the linear-gradient acts different on firefox and chrome: on firefox it's vertical instead of horizontal; i just changed the direction from 90deg to 180 and now it works fine on firefox too, but I'm not sure why

What specific areas of your project would you like help with?

I used the flex property to style the form and the image, by giving both flex: 2, and I like the result, but I don't really understand how the property works. I just tried random values until it looked good

What are you most proud of, and what would you do differently next time?

I'm proud to have completed the challenge, but I think there was a simpler way to do it

What challenges did you encounter, and how did you overcome them?

javascript didnt work on the live website, but it got fixed by adding a dot before the file path

What specific areas of your project would you like help with?

any critique is welcome

What are you most proud of, and what would you do differently next time?

I'm proud to have been able to use grids efficiently

What challenges did you encounter, and how did you overcome them?

I wasn't sure how to best decide the size to give the rows and columns of the grid, I tried different sizes until I found what looked best

What specific areas of your project would you like help with?

I'm open to any advice for improvement

What are you most proud of, and what would you do differently next time?

I'm proud that I'm starting to be faster in completing these challenges

What challenges did you encounter, and how did you overcome them?

I still have difficulties with grids especially when it comes to setting the grid-template-rows and grid-template-columns, but I got there after a bit of trial and error

What specific areas of your project would you like help with?

i don't have any specific questions but any feedback is welcome!

What are you most proud of, and what would you do differently next time?

I tried to use only flex, I'm happy with the result, next time I'd try using grids

What challenges did you encounter, and how did you overcome them?

I struggled to get the cards to all have the same width and to be responsive at the same time (if I gave them a fixed width they wouldn't adapt to different screen sizes). I solved it by giving each card a width of 100% of the parent

What specific areas of your project would you like help with?

any feedback or advice for improvement is appreciated!

What are you most proud of, and what would you do differently next time?

I'm proud that this time I was much quicker thanks to organizing my work better in advance!

What challenges did you encounter, and how did you overcome them?

I struggle a bit with grids but managed to make it work after a bit of trial and error

What specific areas of your project would you like help with?

any feedback is appreciated!

What are you most proud of, and what would you do differently next time?

I'm happy because this was the first project where I didn't have issues with github. Next time I'd try to be more organized and have a clearer idea of what I have to do before just diving into it because I kept going back to the design image every three seconds and I feel like I wasted so much time

What challenges did you encounter, and how did you overcome them?

I had a few problems with the styling, but I solved them playing around with the properties a bit (sheer luck)

What specific areas of your project would you like help with?

how do I determine the break point for the mobile version? I just used 500px because it's where the design started looking a bit ugly...

What are you most proud of, and what would you do differently next time?

I think I did a decent job at using rem instead of pixels even though it took a while to understand how it works

What challenges did you encounter, and how did you overcome them?

i didn't know how to use the font file, but I found the solution searching on Internet

What specific areas of your project would you like help with?

any feedback is appreciated!

What are you most proud of, and what would you do differently next time?

I tried to guess the sizes without relying on the figma file and I'm happy because I didn't get it too wrong

What challenges did you encounter, and how did you overcome them?

I'm still struggling a bit to get familiar with github. The desktop app didn't detect any changes to the files because I had not added the files to the repository... it took me way too long to figure that out! Also I was a bit overconfident when estimating how long the project would take

What specific areas of your project would you like help with?

Was I supposed to use the font files somehow? I just imported the font from goolge fonts

What are you most proud of, and what would you do differently next time?

I'm proud that the final result is similar enough to the original design and that I estimated how long the project would take more or less correctly; next time though I'd double check for anything I missed, because I'm pretty sure that there is a box shadow that I forgot to add

What challenges did you encounter, and how did you overcome them?

GitHub. GitHub was my main challenge. I overcame it by using the resources provided by frontend mentor (thanks!)

What specific areas of your project would you like help with?

I'm not sure. This challenge was pretty straightforward and easy (also thanks to the figma files because without them I'd be still there trying to guess the sizes of everything...)