Submitted over 2 years ago

I used CSS Flexbox

Joseph Weathington• 20

@Joeweath

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Order summary component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I could not figure out how to deploy my Repository on GitHub to make it a live website. I made a new branch and also tried using the Docs folder instead of the Root folder but no matter what I either got a 404 error or the live website was my Readme file.

Community feedback

Thomas Hogben• 150

@BananaTechs

Posted over 2 years ago

Hi Joseph,

The index.html file needs to be in the folder that GitHub is building from. Currently, the only file in your root folder is README.md, so the website is being built off of that. If you were to move the contents of the order-summary-component-main folder into the root folder, I'm sure it would work!

Joseph Weathington• 20

@Joeweath

Posted over 2 years ago

@BananaTechs Thank you, I actually just did that with another challenge but I had to move my CSS files out of their css folder and into the root folder. Will I need to do that every time?

Thomas Hogben• 150

@BananaTechs

Posted over 2 years ago

@Joeweath When linking the stylesheet in the html, the href has to be the path to the css file. So if, for example, it's href="/styles.css" then the css file will need to be in the root folder. Alternatively, if it was in, say, a folder called "stylesheets", then you could put href="/stylesheets/styles.css" and that should work. Hope this helps! ^_^

Marked as helpful

Erik• 190

@emmcgill

Posted over 2 years ago

Hello Joseph.

Here is how I deploy my sites on Github.

Go to settings in your Repo.
Click on Pages
Go to Source

Select Main for the Branch.
Select Root for Select Folder.

Then click Save.

You should get a link to the live site. May take a minute for it to go live.

Hope this helps.

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord