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

QR Code Component Card Built with HTML and CSS

Allyson S. 190

@allyson-s-code

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi, thanks for looking. My question with this project is mainly about setting up the files and what is appropriate to include in the GitHub repo? For example I ended up adding all my files after downloading and now I have design files in there. Should I delete those to keep the repo cleaner? Or is it helpful to have them there? Also, for a small project like this is it appropriate to have a separate css file with a normalize file included? Thanks so much!

Community feedback

@bradleyhop

Posted

Your project look great! I took a look at your github repo and it seems pretty easy to navigate. I included the design files in my solution mainly because this is a learning exercise, and I wanted to show what I was working from. You could throw the design markdown file in the design folder to keep all that info together.

I've done only one other Frontend Mentor project, but I'm paying for pro, so I downloaded the Figma design file. Since we're not supposed to upload those, I just used the readme.md template they provide to describe the project, etc.

Your normalize.css is empty, so it's safe to delete. I'm not familiar with the normalize.css package, but as far as github pages is concerned, there's no information in that file to process. I only had one CSS file in my solution with just setting the margin and padding to 0, and box-sizing: border-box to clear out browser defaults.

Marked as helpful

0

Allyson S. 190

@allyson-s-code

Posted

@bradleyhop Thanks so much for your feedback. I really appreciate it! When you are wanting to delete files from your repo or move them around into different folders, do you recommend doing that on git through your terminal or another way?

1

@bradleyhop

Posted

@allyson-s-code Just as git tracks changes within files, it also tracks changes to files themselves. So, delete, move, rename, whatever via gui or command line (no need for git to do these operations btw). When you add the changes you'll see that git automatically tracks changes to files; then commit, push and it'll all get updated in your repo.

I do most of my development in the terminal (but I can't remember all of those git commands of the top of my head), so I've found a tool that I like to use for git: https://github.com/jesseduffield/lazygit There are gui git tools, too.

Marked as helpful

0
Allyson S. 190

@allyson-s-code

Posted

@bradleyhop Thanks again! I'll have to check out the gui git tools. So far I've been using git and the command line. But lately I've been navigating a lot of errors it seems.

1

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