@mgra04
@mgra04
Submitted
What are you most proud of, and what would you do differently next time?
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 :)
@mgra04
Posted
I don't know why, but in this comparison my card looks different than in the live preview :(
@mgra04
Submitted
What are you most proud of, and what would you do differently next time?
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.
@mgra04
Posted
I was close, but still a bit far ;/
@mgra04
Submitted
What are you most proud of, and what would you do differently next time?
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.
@mgra04
Posted
Damnnnn... I haven't noticed this box-shadow. It was so close to perfect mapping :(
@MitaliShah
Submitted
What are you most proud of, and what would you do differently next time?
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%);
What specific areas of your project would you like help with?
Any feedback on how I can improve this would be helpful!
@mgra04
Posted
Great job!
@AhadAydin
Submitted
@mgra04
Posted
You probably didn't notice the light shadows cast by these cards, but great job nonetheless!!!
@Medido1
Submitted
What are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?
.
What specific areas of your project would you like help with?
.
@mgra04
Posted
Great job!
What are you most proud of, and what would you do differently next time?
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
@mgra04
Posted
Great job!
@Rimtar10
Submitted
What are you most proud of, and what would you do differently next time?
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?
..
@mgra04
Posted
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 :)
@khalifa-ltaief
Submitted
What are you most proud of, and what would you do differently next time?
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
@mgra04
Posted
Great job!! You may add height: 100vh to body. Then "card" will be vertically centered.
@PeterBachman100
Submitted
What are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?
.
What specific areas of your project would you like help with?
.
@mgra04
Posted
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 :)
@neena-coder
Submitted
What are you most proud of, and what would you do differently next time?
Used tailwindcss for this little project, much more responsive than the vanilla html and css.
@mgra04
Posted
Good job :)
Marked as helpful
