Design comparison
Solution retrospective
Always striving to improve HTML semantics, website performance, and accessibility. If you have any tips, please share them in a comment
Community feedback
- @piyumi-1991Posted 4 months ago
Hi João,
This isn't about your design. I just wanted to know how you created all the code challenges under one main repository on GitHub. Actually, creating multiple sub-repos under the main repo is not the issue. I want to create separate URLs for each sub-repo when deploying and separate commit. This is the main issue I encountered. Can you please tell me how to do that if you have time? I really appreciate it.
PS: I tried several ways, like using the submodule option, creating a workflow method, and just uploading local project folders into the GitHub main repository.
Thank you, Piyumi
0@joaotfrodriguesPosted 4 months agoHi Piyumi,
To create multiple code challenge projects under one main GitHub repository and deploy them with separate URLs, follow these steps:
-
Create a New GitHub Repository
- Name the repository, for example,
frontendmentor_challenges
.
- Name the repository, for example,
-
Organize Projects in Folders
- Place each project in its own folder within the main repository.
-
Enable GitHub Pages
- Follow a tutorial to set up GitHub Pages for the repository. You can use this video for guidance.
-
Access Projects via URLs
-
After setting up GitHub Pages, you can access each project by appending the folder name to the repository's GitHub Pages URL. For example:
-
Main URL: https://joaotfrodrigues.github.io/frontendmentor_challenges
-
Project URL: https://joaotfrodrigues.github.io/frontendmentor_challenges/blog-preview-card/
This method allows you to deploy each project with separate URLs and manage them under one repository.
-
Best regards,
João Rodrigues0@piyumi-1991Posted 4 months ago@joaotfrodrigues
Thank you so much. I will try this way.
Piyumi.
1 -
- @matt2282Posted 4 months ago
Your desktop version looks very good and exactly like the original. When viewing on mobile screens the layout becomes uncentered. Your 'reset.min.css' and 'sytles.css' files are all on one line making them hard to read in Gitub.
0@joaotfrodriguesPosted 4 months agoHi @matt2282,
Thank you for your feedback!
I'm glad to hear that the desktop version looks good. Regarding the mobile layout, it’s actually functioning as expected, so there's no issue there. As for the CSS files, I’ve intentionally left the non-minified versions available to facilitate inspection and readability.
Best regards, João Rodrigues
0
Please log in to post a comment
Log in with GitHubJoin 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