Landing Page done - first published on Github

[Jonef]

Hey,

3rd project is done. I published thos one on the gitub pages:
Landing Page - Buma

Hope to have some feedback. All testes are passed, but it is always thibg to improove.

It is published also on CodePen, but the images (the logo, and the image on the right) do not appear, since I used files, and not weblinks.
Landin Page - Buma Code - Codepen

Is there a way to use image files on CodePen, or it has to be with a weblink?

[kinome79]

Nicely Done, looks great.

I never found a way to upload images to CodePen. When I wanted one, I had to upload the image to a separate hosted page, and then link to the URL from CodePen. I image that would work with images from Facebook, or other public pages.

[nhcarrigan]

@Jonef

Is there a way to use image files on CodePen, or it has to be with a weblink?

Unfortunately, hosting images directly on CodePen is only available with their paid subscription.

[lasjorg]

As you have it on GitHub you can use the image links from that on Codepen. Either the links directly from your page. For example…

https://jorgenevesfreitas.github.io/landingpage/whyus.jpg

…or the raw version as found in the repo

How to make a picture in your github for your portofolio page?

Create a new repository. Upload the file (click the Upload files button) and when done click the file to open it. You now have to get the raw version. One option is to just append ?raw=true to the end of the URL in the address bar, press enter and copy the URL. Or you can right-click the image and select “Copy image address/location” (menu option depends on the browser) and then paste that into the address bar and copy the URL. The URL for the image should start with raw.githubuserconten…

[clifflikovo]

I like the way your page looks you just need to make it responsive.

[Jonef]

I tired to turn it resposive, with some media queries under 768px.
The header menu changes (it should chenge to a hamburguer menu, but I don’t know how o do it, fo now), the image goes to the bottom, and the boxes into columns.

Am I doing something wrong?

[clifflikovo]

I think you should replace the navigation bar with a hamburger menu on devices with a screen width less than 640px.

The video if you can make the container class a flex box with row as it’s direction, And justify it’s content to center it will prevent it from overflowing on small devices.

You should use the inspector to check how your website look on different screen sizes, I don’t know about other browsers but chrome has some preset width.

[Jonef]

@lasjorg

As you have it on GitHub you can use the image links from that on Codepen. Either the links directly from your page. For example…

https://jorgenevesfreitas.github.io/landingpage/whyus.jpg

…or the raw version as found in the repo

oh. great advice. tks

[Jonef]

@clifflikovo

I think you should replace the navigation bar with a hamburger menu on devices with a screen width less than 640px.

I don’t know how to do it. I think that it need javascript?