Result and Summary Component

about flex and grid, it depends on the scenario. usually i use flex if the layout is rather simple and don't need tweaking about the exact width of each flex item, you can use that using flex basis but i didn't really like it. as for grid, you can use it on the components that require each grid item to have specific width, the exact example is header nav , where usually there is logo, nav links and icons.

yeah its very confusing, but i can tell about some things that help me with that, first use inspect, in the page you are desigening click right click and inspect, it makes the process more visual, some time the parent div is so small and child div will not move any where, you can add to the style {width:100%, height:100%} as a begging to check if that is the proplem. a great thing to watch i video or two about the grid flex or position, youtube will be very helpful, good luck priscilla your desigen is great.