Skip to content
OverviewSolutions
37
Comments
6

Suvankar Pradhan

@suvankarpradhanIndia670 points

Love to write front end code.

I’m currently learning...

React

Latest solutions

View more solutions

Latest comments

  • Suvankar Pradhan•670
    @suvankarpradhan

    good job...you can remove two images from your css and use this process.... add two images within your body tag like this<body> <img class="top-img" src="images/bg-pattern-top.svg" alt="img1"> <img class="bottom-img" src="images/bg-pattern-bottom.svg" alt="im2"></body>

    then use css -->

    .top-img, .bottom-img { position: absolute; } .top-img { transform: translate(-30%, -50%); } .bottom-img { transform: translate(70%, 40%); }`

    hope this will work ..

  • Suvankar Pradhan•670
    @suvankarpradhan

    Try this..... .main-box { position: relative; height: 100vh; padding: 10% } .main-box-inner { display: flex; flex-direction: row; } .left-box { background-color: hsl(244, 38%, 16%); display: flex; flex: 50%; flex-direction: column; justify-content: space-between; padding: 50px 60px; border-radius: 10px 0 0 10px; } .right-box { display: flex; background-color: hsl(277, 64%, 61%); flex: 50%; border-radius: 0 10px 10px 0; }

  • Suvankar Pradhan•670
    @suvankarpradhan

    good job.. try media query for responsiveness on different screen size.

  • Suvankar Pradhan•670
    @suvankarpradhan

    Good job.. Here you wrote srcset in img tag like, "<img src=/img/icon-star.png alt= srcset=>", if you remove srcset from your img tag, you get no html issues.

    second html issue is, you wrote h3 tag between small tag, here you can use h4 or h5 or h6 tag, but don't use small tag like this way.

    Thank you.

  • Suvankar Pradhan•670
    @suvankarpradhan

    you should use '/' in any path selection. Don't use ''. good work.

  • Suvankar Pradhan•670
    @suvankarpradhan

    good work, you can add top and bottom margin in mobile view.