Skip to content
OverviewSolutions
3
Comments
2
Raphaelavazq
@Raphaelavazq

All comments

  • Raphaelavazq•30
    @RaphaelavazqSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    While working on this project, I significantly improved my understanding of responsive design, especially using Flexbox.

    This project also reinforced the importance of mobile-first design and how to effectively use media queries to adapt the layout for larger screens.

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

    was more difficult to understand media queries

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

    I had some issues with my GitHub Pages site because my CSS seems to not be applied i

    Responsive layout with HTML5 and CSS Flexbox

    2
    Raphaelavazq•30
    @RaphaelavazqPosted 7 months ago

    Hello @danielmrz-dev!

    Thanks for your feedback 😊

    What is happening is that I am having some troubles with the GitHub Pages because it seems that my CSS is not being applied... 😞

    On my live-server, it is centered and looks good...

    👉 have my CSS correctly linked in HTML and I couldn't find the problem yet. It is my first project using GitHub Pages, maybe you have some tip to sort it out?

    Obrigada 😉 ( i m Portuguese ,by the way ... 🇵🇹)

    💡and i centered with flexbox on the card and not on the body like this:

    .qr-code-component {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 80px 20px;
  background-color: var(--light-gray);
  text-align: center;
}
    1
  • rikku08•70
    @rikku08Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    Updating because of frontend mentor learning paths

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

    My procastination, due busy schedule, I set a scheduled date to finish the project to get me motivated in doing it asap.

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

    none so far.

    QR Code Component using HTML and CSS

    1
    Raphaelavazq•30
    @RaphaelavazqPosted 7 months ago

    Nice work on the QR Code Project! 😃

    You're nailing it, a little tweak here and there :

    Responsive Design: Looks good on smaller screens, but let’s make it stretch nicely across all devices with some flex box or grid .

    Code: Your code is clean and easy on the eyes. Tip: break it down with comments and sprinkle in CSS variables to keep things fresh and easy to update.

    Keep rocking it!

    0