@AlexCristea2007
Submitted
@Faisalbaig1998
@AlexCristea2007
Submitted
@Faisalbaig1998
Posted
The image could have been better, and the paragraph spacing should have been equal.
@Faisalbaig1998
Posted
The container width should be smaller.
@kiaraaa123
Submitted
@Faisalbaig1998
Posted
The layout remains the same, but the card shadows should be more blurred. Additionally, the font color is too dark. Please pay attention to these details.
@rowanrooster
Submitted
@Faisalbaig1998
Posted
None
@BhargavMarala
Submitted
@Faisalbaig1998
Posted
None
@errbrokko
Submitted
@Faisalbaig1998
Posted
none
@wetwan
Submitted
What are you most proud of, and what would you do differently next time?
this is the first time i'm trying responsive screen
What challenges did you encounter, and how did you overcome them?
getting the box shadow right
What specific areas of your project would you like help with?
i am trying for now
@Faisalbaig1998
Posted
Nice
What are you most proud of, and what would you do differently next time?
I'm most proud that I managed to finish this challenge :) Next time, I might separate CSS from the index.html file and maybe use some variables (or even SCSS) for styling.
What challenges did you encounter, and how did you overcome them?
I had a problem with centring the card both vertically and horizontally. I found some articles about using flex
to do this, but the default margins and padding messed it up a bit (creating additional space so that scrollbars were active).
I've used a "hack" with *
to reset those, but I'm unsure if this is the right approach.
I've also had an issue with properly sizing the text elements on the card - the style guide said the paragraph size should be 15px, but there was no mention of the size for the header. I had to download the Figma file to check the proper size so I could mirror the design as closely as possible.
What specific areas of your project would you like help with?
div
elements, I reached for tags like main
and section
to give it more semantics although I worry that this is overkill for the example in the challenge. Any feedback is appreciated.flex
to solve it - what is the best approach here? I've used height: 100vh
on the container to fill the whole viewport so it is also centred vertically - is this how it's supposed to be done?@Faisalbaig1998
Posted
Nothing