Looks pretty good! I like the various use of animations you have going on there. Few things I noted,
You have listed 4 projects but only the bottom 2 projects have matching titles. The above 2 projects don’t have descriptions.
It feels redundant to have 2 sets of SNS icons in the bottom in Contact section and Footer. Try removing icons from your footer.
You have a horizontal scroll meaning some content is spilling to the right.
I’ve removed the footer SNS icons. (I had to look up what SNS meant ) I’ve used the same footer in most of my projects so I just pulled it over each time.
Also, if you are viewing the project in “editor” mode, you are correct that the two top projects appear not to have descriptions/links to them. I’m sure I need to continue to tweak the display settings but I tailored the structure mainly for normal (“full”) viewing.
Thanks, @lasjorg. I’ve made some adjustments based on your comments.
1.) I appreciated the tip on using fr units for grid. Sometimes I get caught up in using a specific unit of measurement throughout the entire project in the name of consistency.
2.) I did notice the test failed because of the stick nav. But, I know my work. I hope you won’t tell on me.
3.) I took a different approach with the contact icons. I went back to a method I’ve used in the past and know works well. I think because I am using icons rather than images, the sizing was getting thrown off. Font Awesome has a fa-fw (fixed-width) class but that doesn’t account for height.
At any rate, thanks, again, for taking the time to review my project.
Thanks,… I have read about the z-index idea (and am familiar from the old Visual Basic days lol). My portfolio isn’t on CodePen as I’m doing it through my Visual studio Code (and hope to get it up on my web hosted site soon (issues with the cPanel right now). Am also seeing if I can redo the whole thing… the project tiles was the only thing set up as a CSS grid so that may be one reason why also.
As for the weird behavior… I may try that- it’s not the first time I got that odd behavior either so it’s definitely not yours
The page looks awesome!
Well, here’s my two cents:
1.) It would be nice if your nav bar actively shows which section we are currently at.
2.) Since it is a personal portfolio, it would be nice to put a face to your name.
3.) Also, you could add in a section which summarizes your skill set relevant to web development.
Thanks for taking the time to look at my project. I will certainly take your comments into consideration as I continue to tweak my portfolio page. In all honesty, I wanted to meet the project requirements and do some basic structure, styling, and responsive design so that I could continue with the lessons. (Also, I tend to fiddle and probably take more time than I need on a project.)
I see what you mean about the icon/link issue. I’ve tweaked it slightly but since the icons are using the fixed-width class, there will still be a bit of bleeding with one hovers the mouse near the icon.
To answer your question: I want to say that it took me about 8-10 hours in total. (You know, a few hours here and there; stopping and starting)