Skip to content
OverviewSolutions
6
Comments
4
Omer Muhammad
@MaskeyDude

All comments

  • Propowershell•70
    @PropowershellSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I like the fact that I was able to follow along with the process outlined by Frontend Mentor and I would use the same process next time.

    What challenges did you encounter, and how did you overcome them?

    The major challenge I encountered was deploying the page to GitHub pages. Then a lesser challenge was trying to align the QR code with the text beneath it, since I hadn't decided which CSS positioning technologies to use.

    After reading about Git on www.git-scm.com and GitHub documentations I was able to figure out a way to deploy the project successfully.

    And I overcame the issue of positioning by reading articles about CSS positioning on MDN and CSS tricks while using my best judgement for the styles.

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

    How to properly push projects from Visual Studio Code to GitHub.

    Flexbox and CSS Box Model

    2
    Omer Muhammad•100
    @MaskeyDudePosted 4 months ago

    It's pretty simple!

    [First make sure you are signed in to your github from vscode settings]

    • Open your folder in vs code
    • On your left (where the explorer, search, and extensions buttons are) there will be a git button. Click it!
    • You will have an option saying "Initialize Repository" and "Publish to GitHub"
    • Click Initialize Repository
    • You will get a button saying "Commit" with a tick
    • After clicking a page will open to name your "Commit" (commit are the changes you make this page will come up whenever you make new changes)
    • Name it then a button will appear "Publish Branch"
    • After clicking you'll have the option to name your rep with 2 options: Public or Private Repository
    • Name & Choose your option
    • Done!

    You can keep coding in those files and to upload your new code just click git then "commit" and done!

    Marked as helpful
    2
  • Omer Muhammad•100
    @MaskeyDudePosted 4 months ago
    • Set the border to none for the links
    • Set the card's margin to auto to center it on the page
    • The colors aren't the same. Look in the folder for "style-guide.md" for colors
    • Attributions aren't part of the design they are for credits so move them out of the card and in <footer></footer> tags

    Other than that it's pretty well hope this was helpful fella :>

    0
  • Omer Muhammad•100
    @MaskeyDudePosted 4 months ago
    • Set the border to none for the links
    • Set the card's margin to auto to center it on the page
    • The colors aren't the same. Look in the folder for "style-guide.md" for colors
    • Attributions aren't part of the design they are for credits so move them out of the card and in <footer></footer> tags

    Other than that it's pretty well hope this was helpful fella :>

    0
  • Edi Carlos•130
    @ediCarlosSilvaSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I am so happy to have conclude this project.

    What challenges did you encounter, and how did you overcome them?

    As I don't have the figma project I used some tools like pixel ruler and color picked.

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

    When I did the table in the last section I would like just the first column got space, but when I added padding to the first column the second column changed too. I made some researchs, but didn't get the any help. If someone knows what to do, I would be so thanks for telling me.

    Responsive landing page using SCSS and mobile first.

    1
    Omer Muhammad•100
    @MaskeyDudePosted 4 months ago

    It is almost to the tea! It's really nice!

    I just guessed the colors so I find it interesting that you picked colors. That was pretty smart. I would've added classes to specific columns and used margin/padding to space exactly how I want them as right now I don't fully understand how to work with tables so this seems like a good solution for now. Hope it helps!

    Marked as helpful
    0