Skip to content
OverviewSolutions
19
Comments
49
Akash Verma
@akash-1712

All comments

  • Akash Verma•810
    @akash-1712Posted over 2 years ago

    it help to improve your design

    .principal { display: flex;

    /* max-width: 768px; */ remove

/* max-height: 420px; */ remove

width: 73%;

margin: auto;

    }

    • { box-sizing: inherit; }

    .columna.activa { /* width: 60%; */ remove }

    0
  • Vijayarajan S•195
    @vijayarajan2244Submitted over 3 years ago

    Overlap Image color task is pending, If you interest complete that. Tell your feedback.

    Desktop-Stats

    1
    Akash Verma•810
    @akash-1712Posted over 3 years ago

    In (div.pic) give background-color:purple and In image set property=>{opacity:0.3,width:100%,height:100%}.

    Marked as helpful
    0
  • Akash Verma•810
    @akash-1712Posted over 3 years ago

    In header change height:100vh to min-height:100vh

    0
  • Azubuike Njoku•65
    @DrZubbySubmitted over 3 years ago

    Why is it hard to make background images responsive?

    I need recommendations and resources on better ways to style background images to be responsive and responsive web development ideas or resources.

    VS Code, HTML5, CSS3

    1
    Akash Verma•810
    @akash-1712Posted over 3 years ago

    make a (div.image) give background-color:purple and then put image inside it with property=>{opacity:0.3}.

    For mobile Layout give order:1 to div.image and set flex-direction:column for main.

    1
  • Akash Verma•810
    @akash-1712Posted over 3 years ago

    Make a (div.image) give background-color:purple and then put image inside it with property=>{opacity:0.3} and set min-height:xrem.

    Marked as helpful
    1
  • Akash Verma•810
    @akash-1712Posted over 3 years ago

    To turn the image purple make a (div.image) give background-color:purple and then put image inside it with property=>{opacity:0.3}.

    In div.model-wrraper set {flex-direction:column} and In picture.model-image set {order:1} for mobile-layout

    Marked as helpful
    0
  • Akash Verma•810
    @akash-1712Posted over 3 years ago

    To turn the image purple make a (div.image) give background-color:purple and then put image inside it with property=>{opacity:0.3}.

    0
  • Hashirzz•10
    @HashirzzSubmitted over 3 years ago

    I will be glad to know some issues in my work and some good suggestion as am a newbie

    Stats Preview

    1
    Akash Verma•810
    @akash-1712Posted over 3 years ago

    In div.card set {background-size:cover}. In div.overlay set {width:initial} for destop layout.

    0
  • Javi Rodriguez•10
    @JaviRdrgzSubmitted over 3 years ago

    Hi! feedback would be highly appreciated. Especially about the image. I tried using an img tag but could't make it behave like a background img with css. In particular, the image wouldn't grow with the container and there would be a gap at the bottom. Thank you!

    Stats preview card component with HTML and CSS

    2
    Akash Verma•810
    @akash-1712Posted over 3 years ago

    Give min-height:20rem to picture and add some Margin-top:10rem in article for mobile Layout.

    To turn the image purple make a (div.image) give background-color:purple and then put image inside it with property=>{opacity:0.3}.

    Marked as helpful
    0
  • Akash Verma•810
    @akash-1712Posted over 3 years ago

    Add transition and box-shadow on button:active.

    0
  • Akash Verma•810
    @akash-1712Posted over 3 years ago

    Add transition and box-shadow on button:active.

    0
  • Akash Verma•810
    @akash-1712Posted over 3 years ago

    Add transition and box-shadow on button:active.

    0