@oc-garcia
Submitted
I am really struggling with this one. I can make it look good in 2 screen configs... and that is it. If you change the screen resolution the layout breaks. I would appreciate some help in this one.
@naida1210
@oc-garcia
Submitted
I am really struggling with this one. I can make it look good in 2 screen configs... and that is it. If you change the screen resolution the layout breaks. I would appreciate some help in this one.
@naida1210
Posted
Hi Octavio ! Congratulations on finishing your first project! It looks amazing. The only thing I see is name and expiration information positioned outside of card visually. To fix that you can give position : relative to parent element and position : absolute to its child element. For example :
parent { position : relative; }
child { position :absolute ; bottom : 30px; }
Hope it helps.
Marked as helpful
@darrowv
Submitted
Can you suggest me good way to center vertically this type of divs? I just used margin to make illusion of centering.
@naida1210
Posted
Hello Nasyr! How are you? There is a possible answer to your question: to center elements inside of the divs you may use flex .div { display: flex; justify-content: center; align-items:center; }
or .div { display: flex; flex-direction:column; justify-content: center; align-items:center; } I hope it helps. Good luck!
Marked as helpful
@jumoke7
Submitted
@naida1210
Posted
I think card is too small , maybe increase the size
@Washinho1
Submitted
voltando a colocar em pratica o front end e resolvi fazer os desafios do front end mentor
putting the front end back into practice and decided to do the front end mentor challenges
@naida1210
Posted
Hi there! Everything looks good. Only one advice , you should have used some margin so it could give some gap between barcode and box, and font -size of p element little bigger. Overall , I like it. Keet it up!
Marked as helpful