Peetawit Vongchanapibul
@pete13232All solutions
Form validation - Mortgage repayment calculator using React
#reactPSubmitted 27 days agoI've already done some basic refactoring, but if you spot any areas where the code could be further improved—especially to reduce repetition or make it more reusable—I'd really appreciate your suggestions!
Shopping cart using React
#reactPSubmitted about 2 months agoI would appreciate help with improving my use of components. Currently, I feel that some components are not used correctly or could be better consolidated into a single reusable component. Guidance on best practices for component design and reuse would be very helpful.
Basic DOM Manipulation - article preview
PSubmitted 3 months agoI think my HTML structure still has issues. When the share button is active in the mobile view, I slightly modified the card footer's HTML structure. However, switching between mobile and desktop views requires adding and removing certain elements repeatedly. I feel like there should be a better approach, but I can't figure it out yet.
Responsive landing page using Grid and Flexbox
PSubmitted 3 months agoI tried to work around making the .hero__avatar slightly overflow out of the screen (just like in the original design), but I couldn’t quite get it right. 😭
If anyone has tips or knows how to achieve that effect properly with CSS, I’d really appreciate the help!
Thanks in advance! 🙏
"Recipe page layout using Flexbox with basic responsive design.
PSubmitted 4 months agoI'm looking for better ways to style the gap between the bullet (or number) and the text. Is it considered good practice to use <p> elements with Flexbox for this purpose, or would it be better to use a semantic tag like <ol>?
<div class="list"> <p class="number">1.</p> <p class="list-content"><span>Beat the eggs:</span> In a bowl, beat the eggs with a pinch of salt and pepper until they are well mixed.You can add a tablespoon of water or milk for a fluffier texture.</p> </div>
Blog preview card structuring HTML and CSS Hover effect
PSubmitted 5 months agoI can't decide what the best practice is to use margin. Should I use it directly for the heading/paragraph tag or keep those tags with 0 margins and spacing by a margin of each <div> element instead?