I have been meaning to ask this for a long time so here it goes: I am new to the world of Web Design and I am currently working on my First Website. Its a Technology blog, I have thought of a grid layout for the same and now it works great.
However, The Grid that I am using consists of high resolution images related to the topic of the article. I have spend a lot of time searching for various effects on images like overlays(coloured and otherwise), text on images, the proper ways to use text on images etc. So I do think now i have enough knowledge regarding these effects to apply them to the website.
The problem is, I want to make the website responsive, so what happens is, the coloured overlays are rendered just fine on all devices but the text on images which is positioned absolutely just goes off the images sometimes, or sometimes it just isn’t legible enough or sometimes it goes where I don’t want it to go.
So my question to all of you is: Instead of doing all this with CSS, isnt it better to use an image editor like Photoshop or something and then just add these images to the grid?
It will scale much better with this technique? i am new to this so please if its something really obvious, then please try to explain.