Submitted 4 months ago

Qr code image design using HTML and CSS

Michael-mikeojj• 30

@Michael-mikeojj

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

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,250

@Code-Beaker

Posted 4 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

Michael-mikeojj• 30

@Michael-mikeojj

Posted 4 months ago

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

Anita Nwabasa• 100

@Anitanwabasa

Posted 4 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

Tharun Raj• 1,250

@Code-Beaker

Posted 4 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

Michael-mikeojj• 30

@Michael-mikeojj

Posted 4 months ago

Please my site is not showing as it should why?

Anita Nwabasa• 100

@Anitanwabasa

Posted 4 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 :)

Please log in to post a comment

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