How to make Personal Portfolio responsive?!?


Hi everyone, I have completed my personal portfolio but cannot figure our what I need to do to make it responsive. Please help! Here is what I have so far. Thanks!


Try CSS3, and take a look at something like @media screen
This will allow you to write different CSS for a different window size. For example:

@media screen and (min-width: 500px) {
    body {
        background-color: lightblue;

@media screen and (max-width: 499px) {
      body {
        background-color: red;


@toplearner is right, but given you use bootstrap you can also consider to use col-sm and col-xs which are columns for smaller screen, see bootstrap website


For me, it was really helpful to get an additional course called 'Learn Responsive Design'. It is relatively short and you'll get everything you need to make anything responsive.