President JFK tribute page

President JFK tribute page
0

#1

Hey guys! I just finished my tribute page For JFK. Any type of feedback whether positive or constructive criticism would be greatly appreciated.


#2

Your image is not responsible and it causes “Personal Info” text to overflow the image on small screens.

Something to start with:

Try to add this to your css:

img {
  width: 100%;
}

Also try to change classes on lines 8 and 11 from col-xs-6 to col-sm-6


#3

With bootstrap you can also add a special class to make images responsive:
class="img-responsive"
Check: http://getbootstrap.com/css/#images

Another small thing: Personal information is not lining out with the image.

You can also define colors in the backend when using SCSS. Easier than hex-codes.
Like this:

// Main colors
$blue: #a3d5d3;
$teal: #69d2e7;
$sand: #e0e4cc;

body {
background-color: $sand;
}


#4

Hi there
great work on the tribute page, i am new here day 4 today
Your image is not responsible when i render it in Chrome. Other than that i think its AOK


#5

Thanks guys! I made your suggested changes and it flows a lot better now. How does this look now?

http://codepen.io/envincebal/pen/qNgamy


#6

Now its better. Good job.