Company Home Page Challenge Project (Css,Flexbox)

jasoncoleman33436423 · August 5, 2021, 2:38pm

Thank you so much!
Figma is a great resource for design as well as traversymedia youtube channel. The menu is almost all css which makes such a clean design.

jasoncoleman33436423 · August 5, 2021, 2:40pm

Great design!
Parallax websites look very modern.
The search is a great feature!

jasoncoleman33436423 · August 5, 2021, 2:44pm

This looks great!

I like the color choices, it is very minimalistic and the color of the hover nav buttons is a great splash of color on the grey!

qoowka · August 5, 2021, 5:56pm

Hi,

This is my work on this project.

The code: GitHub - qoowka/Blog-Pchelnikova

Please let me know what you think.

manuelarellano359821 · August 7, 2021, 4:41am

Thanks. I appreciate the comments. I didn’t realize that style had a name. I had to Google it. I learn something new every day.

erodriguez10 · August 8, 2021, 2:22pm

Hi everybody!

Header design. Discover more!

Here is my live site: https://erodriguez-10.github.io/

Note:

First version
The page is not web responsive yet (work to do)

Feel free to any comment!

chrisdecleene · August 8, 2021, 9:22pm

Hey everybody!

Here is my Fictional Home Page with flexbox and a little JavaScript for the menu and meet the employees.

Here is my site on GitHub Pages:

Here is the code on GitHub…

Any feedback is appreciated! Thank You!
Chris DeCleene

chrisdecleene · August 8, 2021, 9:24pm

Great work! The site worked great on my tablet and the mobile inspection in Chrome Devtools. Very smooth and responsive!

chrisdecleene · August 8, 2021, 9:30pm

Nice work! The site is very smooth. I love the use of the parallax effect, it really brings the site to life.

edu9207 · August 9, 2021, 4:34am

Hi,

This is my webpage

Code: https://github.com/after909/Company-Home-Page-Challenge-Project-.git

Live page https://after909.github.io/Company-Home-Page-Challenge-Project-/

I have some problems with the images, github does not allow me to display them.

Please check and give me a feedback

The design is so minimalist, the intention was to have some elegancy.

Thanks!

pavldn · August 9, 2021, 2:59pm

I finally managed to finish . I welcome any feedback

https://pawelras.github.io/intelligence-construction/

https://github.com/pawelras/intelligence-construction

aleksandarvujnovic78 · August 9, 2021, 7:34pm

Hello,

This is my work on a project - Company Home Page. I made the home page of a fictional construction company.
The code is here: GitHub - AleksandarV91/Flexbox-business-site
The live site is here: Construct Team
Any advice or code review is welcome

kendrixk158726311694 · August 10, 2021, 2:42am

Hi there
this is me at 20% of Front-End Engineer Path
Honda
I’m not a good designer yet!
so its kinda typical at the moment. haha

elnicomapero82885031 · August 10, 2021, 3:05am

Looks good!

Also, wanted to chime in to lend you a hand with your issue.

Relative paths can be a pain (most of the time they are, at least to me! ) and they’re your the source of your issue here.

Try adding adding a period or removing the slash at the beginning in your images’ src attributes in the members section. So that instead of:

src="/images ...

they will look either like this:

src="./images ...

… or like this:

src="images ...

You choose!

And then, also, remove the last slash at the very end of the path in your css file’s background-image property.

Feel free to let me know if something didn’t work with these.

edu9207 · August 10, 2021, 3:26am

It worked!
Thank you a lot! I just had some problems with it but I’ve got it.
Is it look nice?
I am not so creative but I tried to give the “jazz feel”

manuelarellano359821 · August 10, 2021, 3:37am

Thanks, I appreciate it. I checked out your project as well. Nice design and your code is super clean. I was really impressed you managed to make it fully responsive with just 1 media query.

elnicomapero82885031 · August 10, 2021, 3:43am

Of course it does!

Keep at it.

manuelarellano359821 · August 10, 2021, 4:46am

Great work! Nice use of flexbox for responsiveness. I really liked the transform effect you used. I did something similar on another project, but I used min and max width’s. So much simpler the way you did it.

My only suggestion would be viewing your project with the Dev Tools at a 360px resolution, because everything looks great from 480 and above. Under 480 your NAV looses it’s styling and your maps overflow a bit.

I mention it because I had the same issue when just resizing the browser to the smallest size to check my styling. When I started using the Dev Tools with the mobile view I realized a lot of my styling was breaking.

Overall though, great job!

piopirahl · August 13, 2021, 8:03pm

Hi,

This is my work on this project for the Bread Recipe maker company: BreadForce!

It took me a few days to complete but I had so much fun and I tried adding so many cool features and definitely learned a lot.
So here is the website: BreadForce
And the source code: GitHub - piopi/BreadForce: Fictional Bread recipes website

Please let me know what you think

jay7010114415 · August 14, 2021, 6:39am

hi,
here is my site - a silly candle shop sort of thing
hope it works!

https://github524.github.io/flexbox

J