Romaissa Zaoui• 450
@Romaissazr
Submitted
MacRay-lab
@MacRay-lab
All comments
- MacRay-lab• 40
@MacRay-lab
Posted
{ justify-content: center; align-items: center; height: 100vh;} with this code provided will make your project more align to center of the page
please make mark me if this few assistant of mine is helpful for u
0 What are you most proud of, and what would you do differently next time?
Most proud on how I figured out the implementation of including a background image. Next time I would try to figure out the sizes of each aspect of the project to better work on it.
What challenges did you encounter, and how did you overcome them?
The main challenge was just getting overwhelmed at first. I overcame it by taking it step-by-step, figuring out how each element should work and how to classify them as well.
What specific areas of your project would you like help with?
I would like help with figuring out the size of the body element. I had to eyeball the size and would love to see if there's an easier way to find the right dimensions. Also would love help on the background image and how to implement it and have it fit into the content box.
MacRay-lab• 40@MacRay-lab
Posted
firstly ,since the padding between the image is not equal to tackle that .add a reset that should solve that *{ box-sizing: border-box; } there is no perfect way of getting a perfect size without using the figma design all has to be with eye study and check.
lastly instead of making the qr code a background image why not iin your html make i an image element like
<img src ="images/image-qr-code/">you can just follow the image part to obtain it .i think the image will be clearer and better.
please 🙏 if y input helpful kindly mark as helpful
Marked as helpful
1
