@YOadYo06
Hey! My name is 𝗪𝗮𝗹𝗶 a passionate Front-End Developer with a love for clean and intuitive user interfaces. Skilled in HTML, CSS, Bootstrap, JavaScript, and C++. Constantly seeking new challenges and staying up-to-date with the latest web technologies. 👩💻Collaborative by nature 👩💻
I’m currently learning...📌TypeScript, React JS, Modern CSS, and some more stuff 📌
Latest solutions
Latest comments
- @Wali1209
Hey! @YOadYo06
WellDone! I liked your background :)
As you ask for feedback this is what I think I don't like fixed height and width cus when you decrease the screen size your QR card(child element) gets smaller and smaller which may be not good in this particular case. So, you can use max-width and min-height for the main element
main{ max-width: 90dvw; min-height:72dvh: }
and under 420px screen size,
the card looks really weird that's what I think plz correct me If I'm wrong! And that's it keep up the good work :)
Regards
M Wali
Marked as helpful - @MurielM87@Wali1209
Hey! @MurielM87 I have read your code. Well done! But few think you can consider:
- Use <input type="number" > that is specifically designed for accepting numerical input from the user. It also supports additional attributes like step and min/max range
- Using rem instead of px for specifying lengths in CSS can be a good practice, especially for creating responsive and scalable designs.
- For Example
input {
width: 9rem; font-size: 2rem; padding: 1rem;
}
.output h1 {
font-size: 5rem;
}
@media screen and (max-width: 600px) {
.card {
width: 22.5rem;
}
.container {
padding: 1.5rem;
}
}
- You can get a given month's total number of days using the getDate() Method
- Your form is not validated perfectly especially not the Day Input box
I also submit my Age-calculator challenge you can see my solution If you want and plz let me know how you rate my code.
Regards M Wali
