@Oluwalolope
Hi, I'm Gitanshu Sankhla, a web developer proficient in HTML, CSS, and JavaScript. I specialize in creating engaging and responsive websites. With expertise in frameworks like Tailwind CSS, I strive to build visually appealing and user-friendly interfaces. Let's bring your digital ideas to life!
I’m currently learning...Currently, I am exploring the depth of vanilla Javascript and when I get comfortable with advanced javascript I will learn React.js.
Latest solutions
Latest comments
- @Gitax18
hello Oluwalolope, and congrats on completing the QR code component challenge. I have read your question on what is the best practice to arrange the image, title, and paragraph inside a container.
My solution to this problem is to use Flexbox, you can change your container display to flex and change the flex-direction to the column. this will solve the problem of separating different components into different divs. and in my perspective particularly in this case, putting an image inside an <img/> tag is better than a background-image.
and one more thing rather than using font-size in px used it in rem units, just set the HTML font size to 62.5% so that 1rem will become equal to 1px and this will become easy to calculate font size throughout the project. and rather than using width, use max-width and rather than using height, give the image aspect-ratio of 1 / 1. These tips will make your project more responsive.
Good day, Oluwalolope I hope my feedback will help you.
Marked as helpful
