@malak-ehab
Submitted
@ldonnianni
@malak-ehab
Submitted
@ldonnianni
Posted
Hello, you did a great job. I don't know if you are aware you can check style specifications in the downloads files, this way you can match better the colors and font. Also I think it is maybe better to put the reset of the CSS (margin, pading, box-sizing) for all the document like this (*{ margin: 0; padding: 0; box-sizing: border-box; } At least that is what I saw in several videos.
@ldonnianni
Submitted
I would like to know how to approach the desktop and mobile design approach. I am not sure how to resolve that. I was given specific size for desktop and mobile (1440 px and 375px) but I didn't know what to do with them.
What it would have been in this case the best practice to center the QR card. I use position absolute and transform. Or it would have been better to use Flex?
Thanks
@ldonnianni
Posted
Thanks for your feedback I tried them all! I don't quite get Body Section: To create some breathing space around the corners on smaller viewports, consider adding padding-inline: 24px to your body section. This will introduce a bit of white space and improve the overall visual appeal.
But I think is mostly because I don't understand entirely the workflow mobile-desktop.