Just finished my Portfolio Page. Please give some feedback!

Just finished my Portfolio Page. Please give some feedback!
0
#1

I wanted to start out with something simple and easy to navigate!

Porfolio Page: http://codepen.io/Karnevore/pen/amBVjj

Some things I know I need help with:

  • Fixing the Tribute Page picture to fit the others.
  • Making the whole page mobile responsive.

These 2 things I cant figure out some help we be greatly appreciated!
And any other help to make it better would be nice.

#2

Hi, overall it looks good.
You may want to add your meta-viewport tag in the html settings, and add Bootstrap and jQuery in the JS settings.
Then it should do what you want.

#3

It’s good. However, I think you should consider having a fixed background or you can have different backgrounds for each of your sections. Other than that, Kudos!

#4

how do i go about doing that?

#5

Your viewport meta tag would look something like this: - it goes into the meta tag settings of your html.

In the JS settings click on jQuery from the dropdown and then click on Bootstrap js from the same dropdown.

I think you already have the Bootstrap css inside the CSS settings.

#6

i still dont understand

#7

OK. Let me try this…

Pasted image785x429 13.9 KB

You want to put a meta viewport inside the stuff for
Then save it.

Open up the JavaScript Section:

Pasted image781x392 22.2 KB

First click on jQuery from the Quick-add dropdown.
Then save and close
Then click on Bootstrap from the same dropdown.

What you will have done is initialized the viewport so you can resize to the size of the screen. Then you will add jQuery to work with Bootstrap. But you also need both css and js of Bootstrap to pull it all together.

Try that, and see if it works.

#8

okay did that so what do i actually put in as the code to do it?

#9

Try this… < "meta name=“viewport” content=“user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height” />

It say this meta tag has the name of viewport. the user is not allowed to change the sizing. the initial scale is one-to-one and it scales responsively at the minimum and maximum as 1:1, and it fits the width and height of the viewport.