@Mosestule2003
Posted
Hello there, really love your work flow šš, Just a few thing I believe if you change you will get a better result.
- First off try this Body{ Display: flex; Align-items: center; Justify-content: center; This will help align your work container directly in the middle.
- secondly for me to Match the solution I created a parent grid container and did Grid-container{ Display-grid; Grid-template-columns: repeat(1, 1fr) Grid-auto-rows: minmax(100px, auto). } With doing this I created two grid item container which then will allow both to occupy the top and bottom of the grid container, as per the repeat (1, 1fr).
- Thirdly try creating sub- grid items for each grid-item container. In this case two sub-grid-items containers for the top and three for the bottom( this is were you the. Put the content of your hero cards).
- With this I believe you will have a much derived outcome. Hope this was helpful.
@thresholdtech
Posted
hi @Mosestule2003,
Many thanks for your feedback, l really appreciate it. I'm not really clear (yet) about that, but I will study them really, and if you don't mind I will learn from your code (I just checked it). You seem pretty good at your solutions. Good luck with your journey.
Happy coding!
@Mosestule2003
Posted
@thresholdtech I really appreciate the fact that your willing to learn even though at some point you might make a few mistakes. But it always good to keep going. And if you do have any problems, you can contact me and I will help out. Happy coding š