Skip to content
OverviewSolutions
20
Comments
20

Anna

@NitaLewskaLipetsk, Russia545 points

I studied Electrical Engineering at University, I worked as a realtor, a saleswoman, a school teacher, and now I'm studying WebDev, finally on my way to my childhood dream =)

Latest solutions

Latest comments

  • Anna•545
    @NitaLewskaPosted over 2 years ago

    Hi there! =)

    1. If it's okay, I'd recommend you to try using PixelPerfect browser addon so to make your projects closer to the design, as, when we don't have a Figma or Photoshop prototype, it's hard to check if everything is as in the given pictures =)
    2. You don't really need to use <br> tag =) try to make words wrap automatically setting right paddings and margins =)
    Marked as helpful
    0
  • Anna•545
    @NitaLewskaPosted over 2 years ago

    Hey! =) you've done a great work completing this challenge!

    1. If it's okay, I'd suggest you to read about semantic HTML though =) Tags like <header>, <main>, <footer>, <section> and so on are really important for the aссessibility! https://www.w3schools.com/html/html5_semantic_elements.asp https://stackoverflow.com/questions/1729447/what-are-the-benefits-of-using-semantic-html

    2. What's for your question - try to follow some tutorials on Youtube, for example, so to see, how other people do it. I can't really advise you any particular vids, as I mostly watch tutorials in Russian. Anyways, in the beginning, tutorials can be a great help, as we need to learn from the best =) Just remember the main rule - not only watch, but repeat everything yourself, too!!!

    Also you can look how other people here or on GitHub solved the same challenge and try to understand what they've done and how it works =)

    Marked as helpful
    0
  • Anna•545
    @NitaLewskaPosted over 2 years ago

    Have you tried this guide?

    https://github.com/gitname/react-gh-pages

    Marked as helpful
    1
  • Anna•545
    @NitaLewskaPosted over 2 years ago

    If it's okay, I'd recommend you to try using PixelPerfect browser addon so to make your projects closer to the design, as, when we don't have a Figma or Photoshop prototype, it's hard to check if everything is as in the given pictures =)

    Marked as helpful
    1
  • Anna•545
    @NitaLewskaPosted over 2 years ago

    1. You can try and use <picture> tag to display different images =)

    2. You'd better use semantic tags other than endless divs =) <section>, <article>, <aside> and other tags like that are really important for the aссessibility!

    Marked as helpful
    1
  • Anna•545
    @NitaLewskaPosted over 2 years ago

    Hi!

    you can try and use <picture> tag to display different images instead of changing background. I'm a beginner,too, but I've read that it's okay to use background method with images that aren't really necessary for a user, like different design elements and so on, but those that ARE to be seen no matter what, like product photos, should be definitely put into an <img> or <picture> tags.

    If for some reason CSS file fails to upload, our clients will get the image wrapped in <img> anyways, and those in the background won't load =(

    So, i recommend you to read about <picture> and srcset property for <img>!

    Marked as helpful
    0
View more comments