I’m currently on CSS grid challenges (to give an idea of how new I am) and I’m currently needing a website for my photography. Since I’m learning web development, I don’t want to just get a plug & play and what better way to learn than to have your own site.
Luckily, the site I want looks extremely basic*: Like this. How would I get this very simplistic look? I’m not knowledgable enough to know exactly what I’m looking for using devtools.
Is it worth me attempting it or just get a word press for now?
/Looks/ extremely basic. But I’ve noticed it uses javascript in the content according to the devtools and to my untrained eye, it’s probably too advanced.
From what I can see there’s some type of ‘grid-sizer’ on the photos, an uneducated guess it looks like what I’ve been learning with Grid/Flexbox.
I’ve not even touched on javascript yet but at what point may it be used with a site such as the one above?
I use one website named What Cms
if you go into that website and put the link of the website it will say the CMS what is used on that website. Sometimes, it may say that it doesn’t know that is one of the cons
Well someone had to make the template, so it’s not like no one had to develop the code.
The image grid is using JS you can look at something like masonry which is a pretty commonly used library.
Making a masonry image layout in pure CSS can be a little tricky, especially if you do not control the image sources (like with a CMS for example). If you have full control over the images it is a bit easier.
It might not be as difficult as you think. I’m sure with a little guidance and some persistence you can make something with just pure HTML/CSS. Again there are some limitations of pure CSS masonry layouts.
You can check out this css-tricks article it shows some different options.