Hello Developers, I made a simple portfolio website a while back, and I was wondering how to post my work. I currently have a “Gallery” tab that redirects you directly to my dribble.
The Question:
I know I can do <img src='example.png' alt='example' height='100'/> or <div class='image1></div> but this can be very tedious to align correctly. So I was wondering how you upload images to your portfolio, do you use a third-party image thing? Or do you manually upload an image, size it, and align it?
Sorry if my terminology is off, it’s late, I’m tired, and I’m new to web development.
As said above, your issues seems to be aligning objects correctly. I would personally use flexbox or CSS’ built-in grid system.
If you choose flexbox, there’s tons of libraries to make it easier for you (e.g: Bootstrap, Flexbox Grid, etc.) or you can just style it yourself.
I haven’t personally used CSS’ grid system so I’m not entirely sure how that’d work, but I’m pretty sure it’d fit your usecase.
I personally don’t recommend flexbox as grid gives you a better outcome. I understand that there could be cases where flexbox is useful, but I wouldn’t use flexbox for images, for me grid has a better outcome, and I never have issues with it. I have had issues with flexbox so it might just be me but, I think grid is better overall.