@correlucas
Posted
👾Hello again Alba, congratulations for your new solution!
🎉 Nice solution and nice code! I can see that you paid a lot of attention to your code/design. If you don’t mind I’ve some tips for you:
1.You can create a media query to save space in the pricing section
to make each information in a different row. Here’s the code for this media query.
@media (max-width: 350px) {
.price-container {
display: flex;
width: 100%;
margin: 3rem;
flex-direction: column;
align-items: center;
justify-content: center;
}
}
2.Something that can be a time saver for you is to use a CSS RESET to remove all default settings for margins, making the images easier to work, see the article below where you can copy and paste this css code cheatsheet: https://piccalil.li/blog/a-modern-css-reset/
✌️ I hope this helps you and happy coding!
Marked as helpful
@albscr
Posted
@correlucas Thank you very much Lucas! I really appreciate your recommendations. They are helping me to grow. What a world this is of programming eh haha I hope that in my next designs I can improve a lot more.
@correlucas
Posted
@albscr For sure you'll do Alba! I did 20 challenges and I can say you that! Every challenge a new thing to add for your next projects. Keep it up =)