Completing this challenge is itself a proud moment.
What challenges did you encounter, and how did you overcome them?I couldn't access to figma file so dimensions was pretty challenging
What specific areas of your project would you like help with?responsiveness
Since you did not have access to Figma, the best way to improve the spacing and sizes by trial and error. It is time consuming, but it is better to just go for it as judging by the eye will also be a practice for you. Other than that, great job on getting the design right!
Tried my best to recreate the design exactly.
What challenges did you encounter, and how did you overcome them?To set the QR picture exaclty in square format with accurate padding within the outer div.
What specific areas of your project would you like help with?How to make the div mobile friendly and at what extent I met the requirements of mobile friendliness ?
You can use media queries in your CSS stylesheet to turn your websites to be responsive
This can be used for laptops/desktops and larger screens
@media (min-width: 1440px) { /* Your styling properties */ }
This can be used for any screens smaller than a laptop/desktop
@media (max-width: 1440px) and (min-width: 375px) { /* Your styling properties */ }
