OrderComponent designed using FlexBox and CSS

Community feedback

• 

  foxynoxy•470

  @purplehippo911Posted over 2 years ago

  Hi @TechNech.

  The problem here is that github pages can’t host/serve more than one ``index.html´´-file for each repository. So in your repository you have more than one `index.html´-file. REMEMBER TO READ THROUGH THE STEPS BEFORE STARTING.

  1. What you can do is to make another repository and put one of your challenge-folders like the `order-component-FM´-folder to the new repository. And remember to give your repository an easy name like «order-component» and etc.

  2. Then add, commit and then push the change you made to the repository.

  1.Set up github pages the same way you did for this challenge.

  1. Then redo all of these steps until all of your challenges have a repository to be in. Remember to remove all the other challenge folders from the ``technech.github.io´´ repository except the `order-component-FM´.

  If you misunderstood something I said then just reply to me here. Happy coding!

  Marked as helpful

  0

  ---

  

  TechNech•340

  @TechNechPosted over 2 years ago

  @purplehippo911 Hey, hope you are in good health. I followed your guide and fixed the issue. If you can be kind enough to check and let me know.

  One more thing, I think frontend mentor for view code reads the link provided in the links section of the README.md file. Am I right?

  0
• 

  foxynoxy•470

  @purplehippo911Posted over 2 years ago

  Hi @TechNech. Congratulations for finishing a challenge!🍍🎆

  I would recommend you to fill in the «README.md» so that you can reflect, plan and give some more information about the challenge and how you did it. It isn´t supposed to take a long time so I recommend you to do it.

  The «order-component-FM»-folder in your repostiory is unecessary, because all the files and folders are already contained in the repository so you don´t need another folder to contain all of the files etc. You should take out all the files and the other folders(images, design) from the «order-component-FM»-folder and delete the «order-component-FM»-folder.

  You should probably rename your repository from «technech.github.io» to something more easier and understandable like «order_summary», because this will make it easier for you to find it later and it`s more understandable. You can do this by going to your repository. Under your repository name there is a menu where it says things like «code», «issues», «pull requests» etc, click on «settings». When you are in the general section in the settings you will see a section called «repository name» and there you can edit the name and then click «rename».

  Good job and happy coding!🍪

  Marked as helpful

  0

  ---

  

  TechNech•340

  @TechNechPosted over 2 years ago

  @purplehippo911 Hi, thanks alot. Yes, you are right I was in a hurry to upload and see how Frontend Mentor solutions work, so I didn't edited the README.md to much except the screenshot and tools section.

  Secondly, the reason why I have «order-component-FM» inside «technech.github.io» repository is because I want to host multiple challenges with github. If you have a better solution I will be glad to hear.

  0
• 

  foxynoxy•470

  @purplehippo911Posted over 2 years ago

  Hi @TechNech. You did a great job at fixing the other solutions, but the order-component solution still doesn’t work. You need to remove the order-component-FM-folder and take out the files and folders in it. You should probably rename the repository to something easier like `order- component´.

  As of your question, the README.md file is just there for information. Frontend Mentor reads the link from when you submitted the solution here at Frontend Mentor. If you want to learn more about «md» or markdown, then I suggest you to check out these short tutorials: easymarkdown.io

  PS: I suggest you to just write the `markdown´ in your normal editor(vs-code etc) and dont focus on the extensions and etc.

  0

  ---

  

  TechNech•340

  @TechNechPosted over 2 years ago

  @purplehippo911 Oh I got it now! Thanks alot.

  0
• 

  foxynoxy•470

  @purplehippo911Posted over 2 years ago

  @TechNech Yeah, sure I can try to explain some for you, but I would like to add that I am not an expert on github and especially git, but I will try my best. What do you want help with? Do you want me to give you some resources or anything?

  0

  ---

  

  TechNech•340

  @TechNechPosted over 2 years ago

  @purplehippo911 Yeah sure I will be thankful if you shared some resources, if I need any help after I will let you know for sure.

  Firstly help me how to fix this preview site overhere.

  Thanks alot.

  0
• 

  foxynoxy•470

  @purplehippo911Posted over 2 years ago

  Hi @TechNech, I understand that you want to have the challenges together, but githubPages can only host/serve 1 «index.html»-file for each repository. When you click on the «Preview site»-button here at frontendmentor, then it doesn´t work because it´s multiple index.html-files to choose from and all of them are in different folders. That´s why I suggest you to make different repositories and delete the challenge-folders after you have taken out the files etc, and put them in different repositories depending on which challenge they belong to.

  Secondly, when you declared the box-shadow of the card, in the «3-column-component», you wrought to many letters in your hex, your only supposed to have 6 letters or numbers when you use hex. For example:

  section {
  box-shadow: 0px 0px 3px 3px #333342; /*right, but you can change this if you want*/
  box-shadow: 0px 0px 3px 3px #33333342; /*wrong, too many letters, only 6 letters or numbers allowed*/
  }
  

  And lastly I would suggest you to delete the «.vscode»-folder, because it probably ended there with an accident, and it`s not so important, in this case atleast.

  And before I end this message, I just want to say that I like your profile pic, I`m also a alvin & chipmunks fan.

  0

  ---

  

  TechNech•340

  @TechNechPosted over 2 years ago

  @purplehippo911 Oh!! Thanks for the info, I haven't checked any of my challenges from the frontend mentor preview site. I would like to add that I am new to GIT and GitHub so really don't know what you said earlier. I just thought this would work, I watched tutorials for git etc but I just don't get it. If you can help I will be thankful.

  0