First of all, I would like to apologise for not being clear enough, I am usually struggling with putting words together, that’s why in fact I am here giving other campers feedback by helping them I am helping myself.
Add margin to separate image with title
What I mean by that is that in your projects section there is no padding/margin between the title and the image, here is an image which probably makes more sense than the sentence itself.
Text is literally touching image which makes it look ugly, here is a screenshot of how it should look like:
Use bootstrap grids to make your website more responsive
By grids I did mean rows with columns, ideally, you would want your whole page to be created with columns to make it as responsive as possible although it’s not necessary. For example, you could make your project section more responsive on smaller devices. Look at the image what it looks like:
Barely can see the title.
I see you have used
<div class="col-xs-6"> but that in fact splits those cards into two columns for devices with width smaller than 768px
Instead, you could use
<div class="col-xs-12 col-md-6"> which would make your cards look the same on devices with larger width and on smaller devices it would take up the whole row so it would look like this
The title is still small here, but using media queries you easily make it bigger. Take note however how much larger the images are. It makes it viewing much easier.
Halfway through the page there is a massive white blank div (class - parralax2)
It seems that you have fixed the issue (or my browser didn’t load the image for some reason), so yeah. No issue here today so I have nothing to comment on.
If a section is too small to fill a screen what can I use so that the screen will be filled in between images on all devices?
I don’t really understand what you mean, if you could clarify what you mean then I am happy to help.