Skip to content
Submitted 6 months ago

Qr code image design using HTML and CSS

Michael-mikeojj•40
@Michael-mikeojj
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I am very proud of the fact I got to put to work the stuff I learned about HTML and CSS and also the fact I also learnt now how to change the font family of my text and built my first project.

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

I encountered a problem when trying to change the font family but I solved it by lookin at others people code on frontend mentor who did the same challenge. Another major problem was deploying my project I had issues setting it up and getting it to work properly but thanks to the amazing frontend mentor community I got it fixed and now it works.

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

I would like to know how to style the first line of text of this challenge to look more like the design they gave me.

Community feedback

  • Tharun Raj•1,330
    @Code-BeakerPosted 6 months ago

    Your website is currently showing your README.md file. This is because GitHub pages cannot find the index.html file in your root directory. Try moving them to the root and re-publishing it.

    You can also try deploying Vercel which lets you choose the root directory visually and in a simpler way. Good luck!

    Marked as helpful
    0
    Michael-mikeojj•40
    @Michael-mikeojjPosted 6 months ago

    @Code-Beaker I am still having troubles how do I get my index.html file to my root directory

    0
    Anita Nwabasa•100
    @AnitanwabasaPosted 6 months ago

    @Michael-mikeojj Hi 👋 Michael

    You would have to create a new github repo and rename your html file to index.html

    Marked as helpful
    0
    Tharun Raj•1,330
    @Code-BeakerPosted 6 months ago

    @Michael-mikeojj You can open the project folder in a code editor(eg: VS Code) and edit the folder structure.

    Alternatively try changing your hosting provider to Netlify or Vercel. They let you edit your root directory.

    Marked as helpful
    0
  • Michael-mikeojj•40
    @Michael-mikeojjPosted 6 months ago

    Please my site is not showing as it should why?

    0
    Anita Nwabasa•100
    @AnitanwabasaPosted 6 months ago

    @Michael-mikeojj Hi Michael 👋

    You can check if you set the live repository correctly, if not, go to your GitHub create the live repo (you can watch This YouTube for that), copy it and paste it in it’s required option.

    Hope this helps :)

    0

Please log in to post a comment

Log in with GitHub

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