Skip to content
OverviewSolutions
9
Comments
19
xZAYEDx
@xZAYEDx

All comments

  • xZAYEDx•250
    @xZAYEDxPosted about 2 years ago

    Good job on completing this challenge.

    • You might want to recheck your output as it's not adjusted for different device size's.
    • Every element has to be adjusted for different device screens to achieve responsive web design overall you have a done a great job.
    • Check out this article from W3 Schools to understand CSS Media queries
    Marked as helpful
    0
  • xZAYEDx•250
    @xZAYEDxPosted about 2 years ago

    Nicely done!!🤩 Could you please share some tips on how to achieve Pixel Perfect output just like this.

    0
  • xZAYEDx•250
    @xZAYEDxPosted over 2 years ago

    Hi zyusuke, congratulations on completing the challenge.🎉 You have not added the "alt text" for your image, here copy paste this code

    <img src="image-equilibrium.jpg" alt="equilibrium-image">

    Also add the hover effect for the image, have a look at my solution for a better understanding! Happy Coding 😁

    0
  • xZAYEDx•250
    @xZAYEDxPosted over 2 years ago

    Good job on completing the challenge. For the attribution div you need to add it inside a footer tag like this 👇🏽 that is after closing the main tag.

    <footer>
 <div class="attribution">
    Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. 
    Coded by <a href="https://github.com/jesuisbienbien?tab=repositories">Nguyen Nguyen</a>.
  </div>
</footer>

    Just copy paste the above code 👆🏽 in your HTML file I have made it ready for you😁

    Marked as helpful
    0
  • xZAYEDx•250
    @xZAYEDxPosted over 2 years ago

    The preview site looks very much different than the uploaded one. Also did you look into the flexbox? Make sure to adjust the margins and paddings as well. All the best 👍🏽

    Marked as helpful
    0
  • xZAYEDx•250
    @xZAYEDxPosted over 2 years ago

    Nice animation and hover effect 👍🏽

    0
  • xZAYEDx•250
    @xZAYEDxPosted over 2 years ago

    clean work, I like the animation you added for the button👍🏽

    0
  • Jay•260
    @Hyuuga81Submitted over 2 years ago

    This was an interesting challenge. Couldn't figure out the background pattern. Any advice? Thanks in advance.

    Profile Card Component

    2
    xZAYEDx•250
    @xZAYEDxPosted over 2 years ago

    Read my code in my GitHub, you will understand how I added the background pattern.

    -- Link to my GitHub (https://github.com/xZAYEDx/profile-card-component-main

    -- The code I used 👇🏽

    -- background-image: url(../images/bg-pattern-top.svg), url(../images/bg-pattern-bottom.svg); background-repeat: no-repeat; background-position: right 52vw bottom 35vh, left 48vw top 52vh;

    Marked as helpful
    1
  • xZAYEDx•250
    @xZAYEDxPosted over 2 years ago

    Nice clean work

    Marked as helpful
    1
  • Axurynn•200
    @AxurynnSubmitted over 2 years ago

    I added a feature: be able to modify the qr code on the fly. On firefox, color input does not work properly at first use. You must click on a color square before you can completely custom the color. On chrome, I think everything works well :)

    qr_code_component

    3
    xZAYEDx•250
    @xZAYEDxPosted over 2 years ago

    I loved the way you modified the challenge 😍 that was really impressive 💯✨

    0
  • Oshu•630
    @oshudevSubmitted over 2 years ago

    Hi! Eurus here.

    Additional feedback or criticism will be appreciated. Thanks! 😁!

    Stats Preview Card

    2
    xZAYEDx•250
    @xZAYEDxPosted over 2 years ago

    nicely done! how did you get pixel perfect output ?

    0
  • xZAYEDx•250
    @xZAYEDxPosted over 2 years ago

    Good work no issues at all👍🏽 but your mobile version needs a little more work cos it's over lapping.

    0