I`m a new Codecamper as well.
I like the basic outline of your project.
Your code structure:
-Use indentation according to the DOM tree.
Meaning the more parents a DOM element has,
the more tabs or space you use in the new line,
so its easier to read your code(like
_<div ><div><div></div></div></div>_ ).
-I have noticed multiple
</br>-s after each other and you also use
</br>in text to start a new line, if you specifically want to break the text.
You dont need an opening tag of
When you create a new DOM element under the same parent
_<div> <p></p> <p></p></div>_), if you dont specify it in the styling,
it will always be in a new line as far as I know.
-You created multiple divs, just to apply different bootstrap preset classes to certain elements.
div class="col-xs-2"><div class="well">…) You can add multiple classes in the same field like this: (
class="col-xs-2 well ..." ) so your fields will work more consistently
Other possible improvements:
-By adjusting the screen size, your site looses its composure.
The links fall out of the background. (You could use for example word wrap,
or fixed min-width, or check how to set that your objects get under each other in bootstrap
(Im not sure of this now either))
-The image slides out of the container background:
I would use the position property for the image object relative to the container div,
something like this top:10px; right:10px for example.
You could also use the float: right; css property which would set the position of the image on the right side of it`s container.