I still don't understand the purpose of div or span

They’re generic block- and -inline level containers, respectively, to be used when a more semantic element is inappropriate. If you’re only grouping elements together for the sake of styling, for example, rather than for semantic reasons.

Already have a good explanation, but let me try breaking it down a little. when you use a div element, it forces other elements to go beneath it, taking up the entire space which is referred to as Block level container. while a span does not forces element to go beneath it and does not take up entire space, it only takes up as much space as needed and is referred to as Inline level Containers. You will likely use a span when you want to span a particular group without breaking the styling into new lines.

ok makes sense thank you

Thank you was still confused since I learned <div>