Recently, I've been diving into the world of website building, even though I'm still a newcomer to the field. So, if my question seems basic, please bear with me.
A friend approached me to create a straightforward portfolio site for her fashion designs, mainly consisting of image galleries. Instead of manually arranging images of different sizes, I opted to use the Masonry plugin. After implementing masonry.pkgd.min.js into my code (initialized through HTML), I encountered two issues:
The primary issue that might render the second question irrelevant is... The layout looks great in IE and Firefox, but the images overlap in Chrome, creating a messy look. Despite clearing my cache multiple times and trying the imagesLoaded plug-in, nothing changed. Since I am new to Javascript, I heavily rely on copying and pasting these kinds of plugins instead of tweaking them. However, I had no problem incorporating tabbed content that works flawlessly in two browsers. Any insights as to why it fails in Chrome and how I can resolve this issue?
Following the inclusion of the plug-in, I realized I couldn't effortlessly center the image columns within the gallery/container; by default, they align to the left. To work around this, I manually set a margin-left to position everything correctly. Nonetheless, I'm curious if there's a more efficient solution available.
If screenshots or specific code snippets are required, please don't hesitate to let me know.