Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Social links profile

@joaotfrodrigues

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What specific areas of your project would you like help with?

Always striving to improve HTML semantics, website performance, and accessibility. If you have any tips, please share them in a comment

Community feedback

@piyumi-1991

Posted

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

@joaotfrodrigues

Posted

Hi Piyumi,

To create multiple code challenge projects under one main GitHub repository and deploy them with separate URLs, follow these steps:

  1. Create a New GitHub Repository

    • Name the repository, for example, frontendmentor_challenges.
  2. Organize Projects in Folders

    • Place each project in its own folder within the main repository.
  3. Enable GitHub Pages

    • Follow a tutorial to set up GitHub Pages for the repository. You can use this video for guidance.
  4. Access Projects via URLs

    This method allows you to deploy each project with separate URLs and manage them under one repository.

Best regards, João Rodrigues

0

@piyumi-1991

Posted

@joaotfrodrigues

Thank you so much. I will try this way.

Piyumi.

1
matt2282 310

@matt2282

Posted

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

@joaotfrodrigues

Posted

Hi @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 GitHub
Discord logo

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