Hexer• 3,660
@Phalcin
Posted
Nice work man. Keep it up
0
Design comparison
Solution retrospective
Kindly help me check this out, I love corrections and better solution approach. Thanks
Community feedback
learningtogetherua• 190
@learningtogetherua
Posted
Hi! Good job. I advise you not to use a vertical flex scheme in this task. Use bottom margins
0
@Akinyemi4
Posted
@learningtogetherua Thank you very much.
How do I add a vertical flex scheme?Can you kindly explain further?
0
learningtogetherua• 190
@learningtogetherua
Posted
@Akinyemi4 display:flex by default has the flex-direction parameter set to row, which is why block elements inside a flex container are arranged in a row. You can specify a flex direction with a column value, the elements will return to a vertical position, but they can be distributed with the usual flex properties Try learn flex https://flexboxfroggy.com/
0
Lorenzo Franco• 480
@Lfrancos
Posted
Hello Akinyemi!
This is looking really good, congratulations!!
There is something that is happening and it used to happened to me as well and it is that if you scale your screen up (meaning changing the height of the screen) you will see that half of the card is missing and even if I try to scroll up I'm not able to see what you have there. I encourage you to use in your body element "min-heigth: 100vh" instead of what you have that is "height: calc(100vh - 1px);". You will see that this is going to help you with that problem.
The last thing is that for accessibility you should add an element that has meaning for the the search engine. For this exercise I think you could use the element "main" that way the search engine would know that this is the main content and will know what your website is about.
Hope this helps : )
0
@Akinyemi4
Posted
@Lfrancos Thank you very much.
0
Please log in to post a comment
Log in with GitHub
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