How is this project looking?
Any thing look off?
Spacing need to be adjusted?
Do you like the random color combination?
Please check it out in mobile view and desktop view.
https://codepen.io/brandon_wallace/full/pBYdWz
When I click the “contact” tlink he footer is showing in the viewport but it should not be. How can I fix that?
1 Like
Generally good. It works.
On my browser, the sections for the portfolio don’t resize. The pomodoro clock overflows the yellow section and is overlapped by items in the contacts section. Gets worse if I make the window small and i get a column of projects that overflow all the sections into whitespace at the bottom of the page.
I liked your chess clock project, btw.
2 Likes
You might wanna limit the number of colors you use for consistency. Right now you have red, yellow, and two types of blue. Perhaps you could use white for the introductory text.
2 Likes
Hi,
Great job. As someone suggested, I think the colours could use some work. I would search online, there are some colour combinators you could find and apply.
In my mobile view, the contact section is superimposed on the thumbnails. See screenshot:
Screenshot_20190428-183213_Chrome|320x500
2 Likes
@codemamba Thank you for you input. I used completely random colors for this project. I will change them to look more consistent.
1 Like
@Samir70 @mdotcoder Yes. I see the problem. The overlapping does not look good at all. I believe it is caused by flexbox. I will have to work on that.
Thank you both for taking the time to inspect my project.
1 Like
Woah! nice Job @brandon_wallace ! You did amazing on this project. It is really good, except for the contact/work together part. the text overlapped a bit. You should use the overflow
css command to fix the project sticking into there.
1 Like
@ConnerOw1115 Thank you. I will try that.
1 Like
@mdotcoder @ConnerOw1115
Code has now been improved in a few ways.
- The overlapping issue is gone (It was due to the height being set where it did not need to be set (including the body))!.
- I added animations!
- I added hover effects!
- I added transitions!
- Changed the colors to be more consistant!
Check out the new and improved portfolio improved Personal Portfolio
What do you think? Anything else need changing?
2 Likes
Great job. Looks really great. The colour is cooler to the eyes and love the transition and hover effects, especially the hide effect of the nav bar.
Just one issue though, still from my mobile view (I’ve not viewed on a desktop yet), I still get this little overlap.
.
It may have to do with the height of the
<div class=profile-link-container>
which is set to 60vh, or the font sizes of your
fab
being too large. (I’m no expert on debugging, I’m a beginner myself).
Really nice job! I like your CSS.
2 Likes
@mdotcoder thank you again my brother. You have found something wrong that I did not see; more overlapping. I know just how to fix it. The problem has now be resolved. I now know that setting height on items can be problematic. I will be wary of that from now on.
2 Likes