Skip to content
OverviewSolutions
14
Comments
3
NaimurRahman00
@NaimurRahman00

All comments

  • Linderman Moura•10
    @LindermanBRSubmitted 12 months ago

    This is the first project I made and published.

    What did you find it difficult while building the project?

    I had problems with setting the right height and width and centralizing objects.

    Which areas of your code are you unsure of?

    I didn't use Media query so I'm not sure if this is the expected result, the part while I centralize the objects and the size of the body.

    Do you have any questions about best practices?

    when you deal with a specific element it's better to cascade like body > section > a or use a class?

    If anyone has good material on centralizing and tips on margins I would appreciate.

    QR code component with flexbox

    1
    NaimurRahman00•180
    @NaimurRahman00Posted 12 months ago

    Dear @LindermanBR,

    Welcome to Frontend Mentor's World. I think it will help you to improve your skills a lot.

    • Maximum time I use class for select specific elements, I think it is easy to find.
    • If you want to center an element, then you can use the display: flex;, justify-content: center;, align-item: center; property and don't forget to use height: 100vh;

    Thank you

    Marked as helpful
    1
  • NaimurRahman00•180
    @NaimurRahman00Posted 12 months ago

    Dear @mlaferreira,

    your design is looking good, but I found you didn't add the background photo. Just use the background-image property on the body. you can search on Google to learn about background-image, background-repeat, background-size and background-position properties to add images to your website.

    I think it will help you.

    Marked as helpful
    0
  • NaimurRahman00•180
    @NaimurRahman00Posted 12 months ago

    Dear, @marciadaniel

    you have some problems with your background-image property. you are using a mobile background on your desktop design, just change the photo.

    background-image: Value;
 background-repeat: Value;
 background-size: Value;
 background-position: Value;

    just use these properties. Also, you should redesign your social icon. use border and border-radius property.

    I think it will be help you.

    0