Skip to content
OverviewSolutions
6
Comments
70

Harsh Kumar Dwivedi

@Harsh-Kumar-DwivediIndia720 points

👨🏻‍💻Passionate Software Engineering Enthusiast

I’m currently learning...

Full Stack Web Development, delving into both front-end and back-end technologies to build dynamic and responsive web applications.

Latest solutions

Latest comments

  • Hamidqasemi90•30
    @Hamidqasemi90
    What are you most proud of, and what would you do differently next time?

    sorry the picture is not working.

    QR code using css html

    2
    Harsh Kumar Dwivedi•720
    @Harsh-Kumar-Dwivedi

    Hi @Hamidqasemi90,

    You can replace /images/image-qr-code.png with images/image-qr-code.png.

    Hope it is helpful !

  • Harsh Kumar Dwivedi•720
    @Harsh-Kumar-Dwivedi

    Hi @ivor-19,

    Nice Work !

    I would suggest following:-

    1.Prefer replacing <div class = "container"> with <main> element.

    2.<section class = "wrapper"> is redundant as a container.

    3.Prefer replacing <h3> with <h1>.

    These will enhance your code, improve accessibility and make your markup more semantic.

    Hope these suggestions are helpful !

    Happy Coding !

  • Harsh Kumar Dwivedi•720
    @Harsh-Kumar-Dwivedi

    Hi @hosssa185,

    Nice Work !

    I would suggest following:-

    1.Prefer to have a single container for card elements and consider it to be <main> element.

    2.Try using only one <h1> element for the webpage.

    3.Try giving the card more width and a bit lesser height.

    4.For cart icon, prefer changing src attribute to images/icon-cart.svg.

    Hope these suggestions are helpful !

    Happy Coding !

  • Bhuvan•40
    @bhuvandev16
    What are you most proud of, and what would you do differently next time?
    • I'm most proud of achieving a responsive design for the QR code component in just 20 minutes. It demonstrates my efficiency and understanding of HTML and CSS.
    • Next time, I would focus on optimizing the code for better readability and maintainability. Additionally, I'd consider adding more features or enhancements to further improve the user experience.
    What challenges did you encounter, and how did you overcome them?
    • One challenge I encountered was ensuring cross-browser compatibility for the QR code component. To overcome this, I extensively tested the design on different browsers and adjusted the CSS accordingly to ensure consistent rendering.
    What specific areas of your project would you like help with?
    • While I managed to create a responsive design quickly, I would appreciate assistance in enhancing the interactivity or functionality of the QR code component. Suggestions on improving accessibility or incorporating advanced CSS techniques would also be valuable for future iterations.

    QR Code Component using HTML and CSS

    2
    Harsh Kumar Dwivedi•720
    @Harsh-Kumar-Dwivedi

    Hi @bhuvandev16,

    Nice Work !

    I would suggest following:-

    1.Prefer replacing <div class="container"> with <main> element.

    2.Prefer using <h1> instead of <p> in the following and then adjust it's styling in CSS

    <p class="heading">Improve your front-end skills by building projects</p>

    3.Prefer replacing <div class="Attribution"> with <footer> element.

    These would improve accessibility and make your markup more semantic.

    Hope these suggestions are helpful !

    Happy Coding !

    Marked as helpful
  • CristianoAAA•30
    @CristianoAAA
    What are you most proud of, and what would you do differently next time?

    I'm really proud that i could take on the challenges that i saw while coding and get the solution, one thing i would do it differently is being calmer when facing with a problem, because there's a solution and i just have to think for a little bit or seek for help that it will be all good.

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

    I had some problems with making the text placement perfect because i didn't know how to make them in the right place, i thought about using flexbox, creating divs for each one of them, but after thinking a little bit i remembered i could just use margins and it worked out well. To find out the right color i used a site called color picker. To make the right adjustments to the placement of the buttons and the card i used flexbox.

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

    I would like to know if my using of flexbox in the project was optimal and if there's any adjustment i need to make.

    Social links profile using FlexBox, CSS and HTML

    1
    Harsh Kumar Dwivedi•720
    @Harsh-Kumar-Dwivedi

    Hi @CristianoAAA,

    I think there needs to be some adjustment done regarding the image visibility on the webpage, what you can do is, as you have defined image source as <img src="assets/images/avatar-jessica.jpeg"/>, therefore, create a folder with the name as assets, inside that create another folder with the name as images, inside that add the avatar Jessica image with the name as avatar-jessica.jpeg and then drop the assets folder inside the github repository of this project.

    Nice Work !

    Hope it is helpful !

    Happy Coding !

  • CristianoAAA•30
    @CristianoAAA
    What are you most proud of, and what would you do differently next time?

    I'm really proud i figured out what i was going wrong in the preovious projects, but i would start from the top to bottom in the next projects.

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

    I encountered challenges with the text, but i figured going a little bit of the rules doesn't matter so I went of the style guide to make the text look the same as the image in the solution. I encountered some trouble with the margins, but with a little bit of patience it got resolved. Also at inserting the image i got an unknown error, but after some digging i discovered it was a mistype.

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

    I would like some help at how to insert images that when i deploy the website with vercel, the image still apear on the site, and not just desapear .

    QR Code component using margins and flexbox

    1
    Harsh Kumar Dwivedi•720
    @Harsh-Kumar-Dwivedi

    Hi @CristianoAAA,

    I think as you have defined image source as images/image-qr-code.png in the HTML file, so, what you can do is, create a folder with name as images then add the qr code image to the folder with the name image-qr-code.png and then drop the images folder into the github repository of this project. This should resolve the issue of image not showing.

    Nice Work !

    Hope it is helpful !

    Happy Coding !

View more comments