Hi @tuanphan thank you.
Yes, I'm trying to make a few changes at the moment and need some help. I worked out answers to my initial questions, with either direct solutions (from reading your answers on this forum or others) or indirect solutions.
Regarding your specific questions,
1. I've figured out how to change the colour of the text block background.
2. I've figured out how to align/set a minimum height for all the columns.
3. Yes, my site isn't optimised for tablet yet. Is there any easy way to test so I can visually see the changes - I can easily see mobile and desktop via squarespace, but that's it. Secondly, is there specific code, like the mobile only code that targets min max width, that I would use to ensure optimisation for tablet? Like this?
/* media query for tablet */
@media screen and (max-width:991px) and (min-width:768px) {
YOUR CSS HERE
}
or
@media screen and (min-width:991px) {
.image-card .image-title::before {
content: url();
zoom:20%;
visibility: visible;
display: block;
}
}
@media screen and (max-width:990px) {
.image-card .image-title::before {
content: url();
zoom:10%;
visibility: visible;
display: block;
}
}
4. Similar to above.
5. I've used 640px as the max width for mobiles, is that best practice?