Skip to content
OverviewSolutions
15
Comments
6

Jyotirmoy Sinha Babu

@jyotirmoy-sinhababu430 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • Jyotirmoy Sinha Babu•430
    @jyotirmoy-sinhababuPosted over 1 year ago

    I have used const handleRegionChange = async (region) => { try { await axios .get(`https://restcountries.com/v3.1/region/${region}`) .then((res) => { if (res.status == 200) { setDataByRegion(res.data); } if (res.status != 200) { setIsErr(false); } }); } catch (err) { console.log(err); } }; as a filter function, where each region is a button and selecting the button will call the function with the selected region as an argument.

    For style I think you have used flex and flex-wrap, just reduced the gap between cards and increase the width of the cards , I think in that way it will look better.

    0
  • Jyotirmoy Sinha Babu•430
    @jyotirmoy-sinhababuPosted almost 2 years ago

    you have done a wonderful job. But for the feature and company button, you also need a functionality to close the buttons. const showFeatures = () => { featuresDiv.style.display = 'flex' featuresIcon.classList.add('icon-rotate') } you also have to put a condition that on click will remove the classList if button is on.

    Marked as helpful
    0
  • Jyotirmoy Sinha Babu•430
    @jyotirmoy-sinhababuPosted almost 2 years ago

    You did a great job .Just remove all the console.log() before deploying the site.

    0
  • Jyotirmoy Sinha Babu•430
    @jyotirmoy-sinhababuPosted almost 2 years ago

    great work..... nicely done.

    0
  • Jyotirmoy Sinha Babu•430
    @jyotirmoy-sinhababuPosted almost 2 years ago

    use @media screen for different view like tab and mobile. Instead of using position: absolute and relative for positioning, you can design using flex.

    1. practice @media screen.
    2. practice display: flex or grid.
    3. using display flex has lots of benefits, such as you can give direction , determine the
      gap also you can use justify-content and align-items to position the divs.
    <div class="main"> <div class="child"></div> <div class="child"></div> </div> to style it .main{ display: flex; justify-content: space-around; align-items: center; } --- like this you can style your app. for details study you can visit "w3school".

    ----hope this was helpful.

    0
  • Jyotirmoy Sinha Babu•430
    @jyotirmoy-sinhababuPosted almost 2 years ago

    The design is great and you have done a nice job.Just in mobile view "No result found " text is getting over lapped with the text "search github username".

    1