First Portfolio for the "Basic Front End Development Projects"

Code Feedback
1

Any feedback on the design and functionality are appreciated before I submit it. This is the 3rd basic website I have built.

2

Its a start

<— Notice these massive margins? —>

Its since there is a lot of different screen sizes your working with. Your webpage doesn’t look the best past the size you made it on.

image
image1920×1040 181 KB

Once you add images, they will get resizes also. Try css grids if you want easier than bootstrap responsive website. Anyone can learn it --> https://www.youtube.com/watch?v=HgwCeNVPlo0

The color scheme isnt the best, same with the layout.

I followed a tutorial for this, an it ironically isn’t responsive. That littoral was deleted, but its a general layout on how it should look. https://codepen.io/Mike-was-here123/pen/awVOeY

1 Like
3

Thanks for the feedback. I did use a combination of grid and flexbox to make the site. Also your screenshot is kinda weird. When I view the site, the top margins don’t exists, and the pictures work.
Example.

213
2131362×721 286 KB

Maybe it is a browser issue?

4

Among the others i can see this error:

Screenshot%20from%202018-05-06%2010-09-36

It appears you have a link to your css in your desktop :open_mouth:

Ah yes it’s true:
<link rel="stylesheet" href="/home/shrug/Desktop/htmllearn/Portfolio/style.css">

I checked your css and i have the feeling you pasted in there something more than you should ( all the font-awesome css file if i am correct^^)

So, you should do few operation:

  • Delete all the css stuff in your css tab and paste only the things you have written for this challenge;

  • Connect the resources you will use in the html section ( better in the 'Settings → ‘HTML’ → ‘Stuff for head’ ) using the CDN given for that resource ( as you did with font-awesome and a google-font, I can’t say if there is something else);

  • Use something else but imgur: this is a quote from FCC issues where it discuss the problem using imgur and codepen ( GitHub - FCC Issue ):

OMG, i have not noticed this until it was way too late :frowning:
Imgur displays your images if you are currently logged into imgur

But - then when you send the codepen link; they will not be viewable by others :frowning:
Like using Paint.NET plugin to anonymously upload all your images :confused:

1 Like
5

Images aren’t working for me either.

6

Thank you guys. I think I fixed it.

1 Like