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.
Naida Islam
@naida1210All comments
- @oc-garciaSubmitted almost 2 years ago@naida1210Posted almost 2 years ago
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 helpful1 - @darrowvSubmitted almost 2 years ago
Can you suggest me good way to center vertically this type of divs? I just used margin to make illusion of centering.
@naida1210Posted almost 2 years agoHello 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 helpful1 - @jumoke7Submitted almost 2 years ago@naida1210Posted almost 2 years ago
I think card is too small , maybe increase the size
0 - @Washinho1Submitted almost 2 years ago
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
@naida1210Posted almost 2 years agoHi 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 helpful1