All comments

• 

  Eldio de Almeida Barbosa Neto•50

  @Eldio-NetoSubmitted almost 3 years ago

  Trying to be better =), i wonder if you guys could assist me <3,

  i don't know why my web site is offline, i've used the github-pages. ;-;

  

  CSS

  2

  40
  

  Mateus Gonçalves•90

  @mateuscgoncalvesPosted almost 3 years ago

  Oi Eldio, só uma dica: o frontendmentor fornece um arquivo chamado README.md e um arquivo chamado README-template.md. O readme é um arquivo feito para o desenvolvedor ler antes de começar o projeto (com algumas informações uteis). Quando você posta o código no GitHub é interessante excluir o readme e renomear o readme-template para README.md e atualizar as infos nele. Isso vai deixar mais claro para quem entrar no seu GitHub do que se trata o projeto e como você solucionou ele!

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Muaaz08•20

  @Muaaz08Submitted about 3 years ago

  1. Would like to know if there is other way to center the card div

  

  Responsive Order Summary using CSS flexbox

  1

  11
  

  Mateus Gonçalves•90

  @mateuscgoncalvesPosted about 3 years ago

  Hello MUAAZ08'S

  Another way to center the card in this case is:

  body { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }

  This should work.

  Best,

  Mateus.

  1

  This comment has received 1 replyShow
• 

  Kobinamd•110

  @KobinamdSubmitted about 3 years ago

  How do you achieve the color overlay without using the process that I used? Any simple way of doing it rather than using position properties?

  

  Responsive stat preview card with flexbox

  2

  20
  

  Mateus Gonçalves•90

  @mateuscgoncalvesPosted about 3 years ago

  Hello Kobinamd's, congratulations on your project!

  You can achieve the same result using another approach : Instead of two image tags you can use an empty div (or a more semantic tag) and set the background image (use media query to set the right image and size to each screen). Then you set the background-color to violet - hsl(277, 64%, 61%) and use background-blend-mode: multiply to achieve this effect.

  I use this approach to solve the challenge, take a look at my code if you have any doubt.

  Best,

  Mateus

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Logan Willaumez•160

  @LoganWillaumezSubmitted about 3 years ago

  Hello ! This is my next challenge.

  If u have any feedback, feel free to comment :) !

  Best,

  Logan

  

  Order summary component

  1

  20
  

  Mateus Gonçalves•90

  @mateuscgoncalvesPosted about 3 years ago

  Hey @LoganWilliaumez congratulations on your code!

  Just a feedback: add background-size: contain instead of background-size: 100%.

  When you use background-size: 100% it means that the image size will be 100% of the size of the image file (1440px), not 100% of the size of the screen (In a screen bigger than 1440px, the image will not occupy all the space avaliable).

  Best,

  Mateus

  Marked as helpful

  1
• 

  sunil kalikayi•10

  @kalikayiCodeSubmitted about 3 years ago

  it is my first challange , i have enjoyed and learned a lot while building this order summary card

  

  order summary card using html and css (flex)

  2

  20
  

  Mateus Gonçalves•90

  @mateuscgoncalvesPosted about 3 years ago

  Hey, @kalikayiCode congratulation on your challenge!

  Just a small feedback about your code: you can use another file to write your css, it's more organised and allow you to share the same css code between different pages!

  Best,

  Mateus

  P.s.: you can deploy your site very easily for free in Vercel.com

  0