Submitted 20 days ago

QR Code Example Solved

Ahmed Zaki•30

@AhmedMahmoud6

Preview site View code

This is a solution for...QR code component

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Iam Proud that this task made me learn new things and i learned them quickly

What challenges did you encounter, and how did you overcome them?

i've had some challenges with hosting the project and also there was a problem with the photo not loading and i've solved the photo problem by specifying the right path and solved the host by reading the documentation.

What specific areas of your project would you like help with?

Is it okay to use the code below to make spaces between the elements every time or there's a better approach to do the same

    display: flex;
    flex-direction: column;
    gap: 20px;

Thanks in advance.

Community feedback

Rahexx•440
@RahexxPosted 20 days ago
Hey, good job! Regarding your question, yes, this approach is better than adding margins to every single element in the container, as it reduces the amount of code.

For the hosting issue, you can use GitHub Pages—it's really simple, and you can set it up in just a few clicks. Go to your repository, then to the repository settings. In the left menu, you should see the 'Pages' option; click on it. Set the source to 'Deploy from a branch,' select the main branch, and click 'Save.' After a moment, you'll see the deployment and a link to your page. This gives you a free and straightforward hosting solution for your website.
Marked as helpful
1

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord