All solutions

This was a pain in a half to complete but I did it either way the most annoying part was some countries weren't made equal some have no neighbors countries some no capital etc. so on some countries the styling is bit off. If you have any way to improve my JS or CSS or how to some good practices for coding or structure my app pls tell me

Is there any way to improve my javascript code?

Sunnyside agency site challenge Nothing too crazy just basic css and html with some JavaScript for the popup this is more of me trying to write more semantic html not and I hope I did well

This my solution for ecommerce-product-page challenge using VueJS for the images slider and Vanilla JavaScript for the popup with CSS for styling. The Hardest part was the definitely the styling especially the navigation bar trying to get all element line up properly and getting the menu link hover effect to look like the design and the profile icon sizing The Vue and JavaScript was pretty tame though I did learn a good amount about DOM manipulation and Vue class binding and some array funtions

My first time using Vue Any feedback for my code regrading optimization, the way is written or any way to improve it?

Does anyone has a better solution for the images positioning? I'd love to know I'm not particularly proud of my solution for it Any others way for images to ignore overflow:hidden ? honestly getting the picture to be in the correct position is the hard part the rest is pretty straight forward

Any suggestion to make my CSS better? Is there a different way to load json aside from fetch?