Next time I'll so something more complex.
What challenges did you encounter, and how did you overcome them?Fortunately, I didn't encounter any major challenges :)
What specific areas of your project would you like help with?Any comments are welcome :)
I don't know why, but in this comparison my card looks different than in the live preview :(
I'm proud of completing my first Intermediate challegne.
What challenges did you encounter, and how did you overcome them?Overflow of background elements despite setting width: 100vw, height: 100vh and overflow: hidden. I still don't know if it works. I wish it was Google DevTools' fault.
What specific areas of your project would you like help with?Don't know :?. I would like to wait for a situation in which there is nothing left to improve, but that will probably never happen.
I'm proud that I made image hover effect.
What challenges did you encounter, and how did you overcome them?I haven't known how to make a image hover effect. This was due to a bad approach. I wanted to animate the icon and background separately. Finally, I added a new div set to absolute position which contained the icon and the desired background.
What specific areas of your project would you like help with?I think a general look at my code. I don't know if I'm doing it the right way.
Damnnnn... I haven't noticed this box-shadow. It was so close to perfect mapping :(
I'd try grid next time.
What challenges did you encounter, and how did you overcome them?Aligning the vertical line and number. I used transform: translateX(-50%);
Any feedback on how I can improve this would be helpful!
You probably didn't notice the light shadows cast by these cards, but great job nonetheless!!!
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
I think the mobile layout came out well
What challenges did you encounter, and how did you overcome them?The desktop conversion was somewhat cumbersome and the font colour used by the description didn't seem to match anything given in the style guide, so I just found the colour out myself
What specific areas of your project would you like help with?Nothing
i'm proud about everything in this website it took me a lot of time but i did like how it ended up looking
What challenges did you encounter, and how did you overcome them?doing the lines between the sections
What specific areas of your project would you like help with?..
Great job! I respect that you wanted to bother using table. In the future, I recommend taking an interest in flexbox and grid. This will make your work easier and save a lot of time. Good luck in your future challenges :)
it was easy for me
What challenges did you encounter, and how did you overcome them?nothing
What specific areas of your project would you like help with?nothing
Great job!! You may add height: 100vh to body. Then "card" will be vertically centered.
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
If you want you may change box-shadow to 8px 8px 0 0 #000 (0.5rem 0.5rem 0 0 #000) and increase title font size a bit. Then it will be closer to the original, but these are only slight cosmetic changes. Overall, great job!!! Good luck in your next challenges :)
Used tailwindcss for this little project, much more responsive than the vanilla html and css.
