@tl-lucasestevam
Posted
In fact, between the two there is no better or worse, I personally think as follows:
The grid does much better to make the layout organize the divs, sections, containers, etc. To organize the content of an element, using the flexbox is better.
Here is a better explanation: https://blog.logrocket.com/flexbox-vs-css-grid/
Anything in the development world whether it's a programming language, or even in this case a CSS property is just a tool. There are never betters or worsens, there are betters and worsens for every day-to-day situation.
Now about your code, as Fluffy already said your pics then breaking it, I took a look and figured out why your images src looks like this: src="/icon-music.svg"
you submit do dot before the slash so it should look like this src="./icon-music.svg"
Another important thing to say is that you divide your projects by folders, the best-known pattern is with the styles (your CSS), js (your Javascript), and images folders. As it is a quick project and you are still starting the styles and js folders are unnecessary but the images folder is a good option to better organize your project.
That way the src of your images would be: ./images/icon-music.svg
Your HTML structure looks good to me, your CSS is correct, great job!
And finally, congratulations for completing this project and joining the frontend mentor community, welcome! Any questions just comment here.
Marked as helpful
@Damilare82
Posted
@tl-lucasestevam Thank you so much for your words of encouragement, it means a lot to me. I would try and fix the images and also keep all assets in a folder. Thank you once again !