Company Home Page Challenge Project (Css,Flexbox)

Hi!
Here’s my completed Company Home Page Challenge Project (Css,Flexbox).

Now Then! Plants and Blooms

Paul.

1 Like

Hi all,

It’s taken me forever to complete this but if anyone has time please let me know your thoughts

code GitHub - yomiboo/flexproject
website https://yomiboo.github.io/flexproject/

Hi everyone!
I created my homepage for a fictional cat cafe (although I wish it were real). Any feedback is welcome!
Live site: https://mkoren318.github.io/Catopia/
Repository: https://github.com/mkoren318/Catopia
Thanks!

1 Like

Hi great job on your project. I really like the crisp style.

I have some feedback on your navigation. I notice you included links in your nav using href=“#” (lines 17-19), but didn’t connect them to the anchor points in your code. You can link them by referencing the associated id.

line 15:

    <nav class="nav-list">
        <ul>
            <li><a href="#mission-statement">mission statement</a></li>
            <li><a href="#services">services</a></li>
            <li><a href="#dream-container">dream team</a></li>
        </ul>
    </nav>

line 43:

<div class="services content" id="services">

You’ll notice the anchor does not account for the sticky header. I ran into this problem too and found adding this line to styles.css fixed it. Use whatever height your header is. It looks like yours is about 112px.

style.css

html {
scroll-padding-top: 112px;
}

Hey there! project bellow! thanks a lot!

https://antoniog92.github.io/Abrigo---Art-For-Everyone/

Thanks so much for your time and feedback! I have implemented the changes now, appreciate it :slight_smile:

Hi Everyone!
i’ve created my coffee company :slight_smile:
Repository: https://github.com/gigsakos/codecademy/tree/main/html-css-cheatsheet-starting
Live site: My Coffee Company
thanks!

I like look of your site and you’ve done a good job making it work for mobile devices.

I have some feedback regarding the Our Family section to improve the layout of the cards and images. In particular, the images of the staff could be made to look less stretched out and moved into the middle through the use of object fit and margin. You could try something like:

.combi img {
width: 220px; /*match the width of the text box below*/
height: 220px;
margin: 0 auto /*place in center in line with the text box*/
object-fit: contain /* scale the image to fit the width and height while maintain aspect ratio */
border-radius: 50%; /* make a circle */}

Otherwise, you’ve done a good job with this project. :slight_smile:

Looking back over this post I meant to say object-fit: cover; not contain. whoops.

Hello all!

Here is my take on the challenge project.
It’s a website for a fictional cityplanning agency (since I like cityplanning games quite a lot).

Live-Site: The CityScape-Agency
Repository: GitHub - AdrianLesch/CityPlanner-Project

Thank you for the feedback! :slight_smile:

Hi, guys!
Finally, I’ve finished the challenge project — a website for a Pumpkin Patch. Hope, you enjoy it’s autumn vibes!

Feel free to leave comments for improving the page:
Website: Welcome to the Pumpkin Patch Website
Repo: GitHub - mariejs/pumpkin-patch: Student project from Codecademy

2 Likes

With all the knowledge I’ve got so far I’m really proud of this =D
https://ibabakhanov.github.io/aot.github.io/

Sharing my site utilising flexbox here, enjoy! :slight_smile:
https://joeledge95.github.io/flexbox-business-site-starting/index.html

1 Like

Hello There !

Sharing my “Company Home Page” Challenge project.

I have also worked it out to make it responsive in different screens sizes.
I will keep improving the code whenever I have spare time to do so.

GitHub Repo:

GitHub Page:
https://hrod86.github.io/Helion-Tech-Website/

This was my longest project until now, I spent a lot of time doing this so, I really will be happy if you take the time to check my project and test the responsive part of the website, also if you have some advice to say me, I’ll really appreciate it.
GitHub - RS-Hades/4th-project ~ Here is the repository
Document ~ Here is the Live Page

Hello,

Thanks a lot for this review! I will definitely make those changes!

Antonio

code2172534294 via Codecademy Forums <[email protected]> escreveu no dia terça, 28/11/2023 à(s) 07:36:

Hi This is what I cam up with using what I’ve learned so far. Company web page.

https://romeo77-m.github.io/Elegance-Photography/

Hi Everyone
this is my first time working on html and css,

I would like to share my result tooo, please have a comment

Repo https://github.com/harysetiawan23/edma-co/tree/master
Result IRIS-KOSMETIK

Here is mine! Does anyone know someone who makes clothing!?

Site!: https://tsumind.github.io/OutdoorPajamajamas/

Hi,

here is my work for this project - a website of a fictional business. I haven’t made it as responsive as it could be but I eventually got it looking how a wanted it to so I am happy with that.

The website: Smart Lighting Solutions

The code: GitHub - Macko1920/Smartlightingwebsite.github.io: Mock of smart lighting website for my codecademy flexbox project