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

All comments

  • P
    Paul 310

    @mayor-creator

    Submitted

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

    Learning about flex, grid, and applying it to this project

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

    how to use flex in the project and overcome this challenge by reading documentation on CSS tricks

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

    The best approach to testing responsive design.

    QR Code Component

    #sass/scss

    1

    @LiyanNguyen

    Posted

    Hi Paul,

    for your .front_end_description class paragraph, you could use other HTML tags such as <h1> to <h6> or <b> or <strong> those tags have inherently larger font size and has a bolder font weight

    and for you .scan_code class paragraph, you could just leave it as <p> tag this will simplify your CSS

    Hope this helps!

    Marked as helpful

    1
  • @Isaiah-0914

    Submitted

    Please I worry. When I run my project locally it's cool but when I view it from the live site I hosted on GitHub it shows the mobile version(on a laptop). As you can realize the display from my screenshot is different from how it is displayed on the live site. I don't understand why please help me out!

    @LiyanNguyen

    Posted

    Hi Isaiah,

    I took a look at your source code, do review the @media query and the difference between (min-width) and (max-width)

    also try not to specifically target 1440px, try doing something like (max-width: 1080px) on the .box class, I tried it on manually on browser dev tools and it works

    hope that helps

    Marked as helpful

    0
  • @LiyanNguyen

    Posted

    for responsive font-size I personally use these methods:

    1. use rem units, and change them via @media query for different viewports
    2. use width% percentages (depending on the container of the text)
    3. use vh/vw (I rarely use this but sometimes more convenient)
    0