QR Code Solution Using Basic Bootstrap - First Frontend Mentor Problem

Community feedback

• 

  Michael Mushrush•250

  @FloratobyDevPosted almost 2 years ago

  For this project, you probably don't have to think much about mobile-friendliness. But if you want that, you can look up articles about responsive website and media query. Media query essentially allows you to tweak your default styling to fit on mobile.

  To test if your site is mobile-friendly, press Ctrl + Shift + I and click that mobile-tablet icon usually set up on the top-left of the developer tools. From there you can change whatever phone or tablet you want to check your site on by clicking the Dimensions: ****** drop-down menu.

  You can try using React, but in my opinion, I think you should focus on learning the basics first like HTML, CSS, and Javascript. Once you have a better understanding of those three, then you can start using a framework like React. For this project though, you don't need to. If you want your code to look cleaner, name them properly and learn about how each HTML element are supposed to use. Also, try and research a front-end developer roadmap. I'm sure it would help you a lot in the long run.

  Marked as helpful

  0

  ---

  

  John Andre Yap•10

  @apotato369550Posted almost 2 years ago

  @FloratobyDev Thanks! I'll try to get good at the basics first.

  0
• 

  Aima Aimaduddin bin Bollhasan•100

  @aimaduddinPosted almost 2 years ago

  Hi John.

  I'm new to this platform and CSS world too.

  To check the mobile-friendliness of your site, you can check using the "Device Mode" in the developer tool in your browser. You can read more here: https://developer.chrome.com/docs/devtools/device-mode/

  Or, if you are using Chrome as your browser, you can install an extension called "Responsive Viewer".

  I hope it helps. Happy coding 😃

  Marked as helpful

  0

  ---

  

  John Andre Yap•10

  @apotato369550Posted almost 2 years ago

  @aimaduddin Thank you. Will deffo look into that

  0