Flexbox stats preview card component

Community feedback

• 

  Edgar Meza•140

  @Edgar-MezaPosted almost 3 years ago

  1- you could create a parent element and with the attribute 'background-image: url (path)' place the image in the background, then you create an empty child element and assign a height and width of 100%, and with the Attribute 'background-color' you set the purple color either with rgba or a solid color and you use the 'opacity' property or with 'filter: opacity (1)' to make it transparent.

  2- You can assign the parent element (in your case the text and text2 classes) a width of 100% and the child elements (p tags) distribute it with 30% because they are 3.

  Sorry if there are spelling mistakes as I don't know much English, use a translator.

  1
• 

  MordenWebDev•500

  @MordenWebDevPosted almost 3 years ago

  1. you can fix the color of the image by making image as background for the second column. and use css blend mode to get that effect.

  1