Full Project Tutorial - Frontend Mentor QR Code Component

Welcome back to another video. Today we will build the QR Code component from frontendmentor.io using HTML and CSS.
Complete Project Code - github.com/Practical-Web-Dev/...
LEARN HTML AND CSS FOR FREE!
FREE HTML COURSE -
• What is HTML and How d...
FREE CSS COURSE -
• What is CSS and Why it...

[@abdultalllyrics5276]

Nice video. I'm kinda new to programming.
I have another suggestion on how to center the elements.
/* Using text-align: center; in the qr-container, everything in the container(image, h1, p) centers.
Then I can decide not to use h2 and p {text-align: center} and vice versa. */
I'd like to connect with you If You don't mind so we can do projects together in order to improve my programming knowledge.

[@rahmanmusah4470]

I was thinking text align is for typography only not items like images but it worked when you used it.

[@tommypool-xd5np]

Am I right in thinking that guessing the width and height of the element isn't necessary if you download the design files (figma files etc)?

[@PracticalWebDev]

You are correct. However, this is now a paid feature with Figma (used to be free for years) I think you have to pay $15 a month to get the dev tools that give you the CSS for each project you are working on. I was unaware of the new premium subscription when I made this tutorial.

[@rahmanmusah4470]

could you please do a video on how to submit the challenges

[@rahmanmusah4470]

I used max width 100% for image and i had a hard time centering it in the card-container.