All solutions

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

I would probably try to plan this better next time as i feel i've been just putting out fires while making this instead.

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

Had some trouble with chrome's input internal autofill overwriting my stylings, that i didn't manage to fix....tried a few solutions i found but they didn't quite work.

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

Not really proud of anything, i feel like if i would do this challenge again i would probably try to write it much cleaner with less as i feel this ended up being too tardy.

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

Had to rewrite the link section a couple times as my ideas didn't really want to work as intended. I have a feeling there is some sort of "best practice" or "proven method" i should have been using here which i wasn't aware of, so that is something i should be figuring out.

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

I'm curious if what i've ended up with for the social links section is passable or not. I didn't really know what to do here, i was just trying to come up with solutions while referencing the design pictures until one ended up working.

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

I had a few things in mind while doing this challenge. I wanted to make it so i have custom properties set up to easily change the design for things like dark mode for example. I was trying to make the grid more naturally flowing thinking each of them would be filled with data from a backend and having their size, row and column span and color decided by a script....i don't think i managed to do that, in the end i had to manually set grid order. I don't know what i would do differently next time.....maybe just try not to overthink.

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

First time using srcset on images and it took some back and forth to get it working, on the mobile design the image also seems to behave a little differently on chrome and firefox, i didn't manage to figure out why.

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

I suppose the only thing i'm wondering about is the srcset, should i have nested the img in a picture element instead, or am i going at it completely wrong?

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

Still trying to figure out how to use custom properties well, can't say i overcame that....needs more thinking.

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

I intended to use an unordered list for the clickable links with an a nested inside, but when it came to highlighting and changing text color on the links, i ran into trouble...also selecting the link with Tab only focused the a element which is not what i wanted. Swapping the elements and nesting li inside an a somehow fixed that problem. Edit: Had to fix this, as it turns out this is invalid HTML, using focus-within instead of focus-visible solved the problem.

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

I was aiming to write it with data injection in mind, but i think i may have just ended up overcomplicating for no reason.

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

Made with the help of a video by Kevin Powell, with my own adjustments. I figured i should mention this for the sake of fairness. I found this website thanks to this video.

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

I found the coloured top of the cards to be challenging, in this example the Top border was coloured, but i don't feel like that is the correct method. I like this version so i have not looked for another solution, my best guess would be to maybe float a coloured element on top of the cards.

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

I suppose my biggest question would be in regards to responsiveness, with how many different screen sizes there are i am unsure how many of them i should be accounting for when writing media queries for example.

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

I don't really know to be honest.

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

Initially the QR code image wasn't visible due to a small typo in the source path.