@mohabelel
@mohabelel
Submitted
What are you most proud of, and what would you do differently next time?
Nothing, I hope I've gained some useful tips to improve my code next time.
What challenges did you encounter, and how did you overcome them?
How to switch between images using (display: none, block) while making a responsive design.
What specific areas of your project would you like help with?
I think I might be wrong in setting the height of the card so I would appreciate any feedback.
@mohabelel
Posted
That's useful, Thank you for your time and valuable suggestions!
@chokrikadoussi
Submitted
What are you most proud of, and what would you do differently next time?
Proud to pseudo elements and adjustable sizes (vh, vw, em and rem)
What challenges did you encounter, and how did you overcome them?
I never used a table before so I had to learn how to style it
What specific areas of your project would you like help with?
The efficiency of my code : is it clean ? What do I need to learn to be better at coding ?
@mohabelel
Posted
You solution is fine, I have some tip for you It's better not to use max-width on main adjust a specific width and on mobile set the width to 100%
Marked as helpful
@hmac100
Submitted
What are you most proud of, and what would you do differently next time?
Was a bit more confident with flex after second attempt felt like I had more control doing the mobile version
What challenges did you encounter, and how did you overcome them?
Tending to go Desktop to Mobile. In the mobile I was struggling with the positioning of buttons in mobile till I realised I forgot to add align-items: center on the parent container. Oops !
What specific areas of your project would you like help with?
Am trying to be more pro with the css vars and :root value -properties - not sure if it's too much for a small project but reckon it's a good habit to develop. Any advice on boiler plate css would be welcome.
@mohabelel
Posted
Your solution is good, I have a small tip for you. use min-height 100vh on body element to center your content perfectly.
@erwinmalazzab
Submitted
@mohabelel
Posted
Fine, but I think there is no need to use display flex on the container
@mohabelel
Submitted
What are you most proud of, and what would you do differently next time?
Making a simple responsive Qr Code Component
What challenges did you encounter, and how did you overcome them?
To control the width of paraghraph
What specific areas of your project would you like help with?
None
@mohabelel
Posted
Thats helpful! Thank you for your bits of advice!
