Skip to content
OverviewSolutions
12
Comments
7

Asif M

@asifm37Bangalore200 points

Started My Journey in the Field of Full Stack Development. I'm here to take challenges daily, solve them and learn as much as practical knowledge. #notutorialhellhole #learnbydoing Check Out My Site: https://asifm37.github.io/sites/

I’m currently learning...

MERN Stack Development. By Practicing UI side here.

Latest solutions

View more solutions

Latest comments

  • Asif M•200
    @asifm37

    If you have a div container as the parent element for your button, you can use 100% The button will always be the full width of the container.

  • Asif M•200
    @asifm37

    Hi UnTalPeluca,

    Using headings order is actually flexible. It is just standard rules to maintain clean and understandable code. But in practice, you can use multiple h1/h2s, and nothing wrong with them.

    Marked as helpful
  • Asif M•200
    @asifm37

    Look into flex: 1 this will help in setting up equal size cards.

  • Asif M•200
    @asifm37

    Hi Srinivas karnati,

    Really good job with the desktop version. For the Mobile version, use the media query @media screen and (max-width: 900px) {}.

    I see you are already using flex, so it's just a matter of changing a few direction-related properties in CSS.

    Marked as helpful
  • Asif M•200
    @asifm37

    Hi spyder,

    Yes, the background image section was a bit tricky for me too. I used the image as the foreground with 80% opacity and added a color background, which worked for me.

    Another approach I recently figured out was to use image and add filter option in CSS, this eliminates background logic completely.

    Give these a try maybe.

    Happy Coding. -Asif M

  • Asif M•200
    @asifm37

    Hi asadali209, Initially, even I struggled with positioning. My suggestion would be to use flex or grid in CSS. And also I learned that it's better to use bg-images in CSS-background. Hope this helps.

View more comments