How to make Personal Portfolio responsive?!?


#1

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!


#2

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;
    }
}

#3

@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


#4

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.