I found writing the mobile view of this project somewhat difficult, and I tried adding the figures using js which i later ended up hardcording. Would really like to know what people think about this one.
joelsavio
@joelsavioAll comments
- @DevPhanceySubmitted 10 months ago@joelsavioPosted 10 months ago
Hello Fanisi Oluwatimilehin Israel, Try to set the parent container minimum height to 100 view height like
min-height=100vh
in the parent div. It will make the container to occupy full screen on different screen sizes. Other than that, good. You will get better by working on more projects. All the best!Marked as helpful1 - @morifusaSubmitted 10 months ago
I found difficulty to define the space margin or padding on top with Web view. Mobile View is fine. Also, I'm not sure what is the best practice for define font size.
@joelsavioPosted 10 months agoHi morifusa, your design output is good. I think the problem is with alignment of the container. You can check how to center a element on w3school by click this link. They have shown different ways to do it. I usually do with flexbox. I have completed the same challenge. You can see my solution here.
- The best practice to define font size is using em or rem. Again you can check this page on w3school
0