Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

SINGLE PAGE DESGIN PORTFOLIO using HTML, CSS, JS

P
Thu Nguyen 240

@NgocMinhThuNguyen

Desktop design screenshot for the Single-page design portfolio coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello beautiful 🤗,

This is my solution for this challenge. I'd be happy if you could have a look at my solution and give me some feedback on work to improve it 🫶

I also have some questions, hope that someone can give me some advice:

  • Are there any tips to make the font size, margin, and padding more responsive instead of overwriting them? I know that I can use %, rem, or em but whenever I use rem, I still need to overwrite it because if I change the HTML font size, the size of the p for example will change but it may not be the same as the design. Are there any tips for me?

  • Sometimes, when doing CSS or JS, I need to come back to the HTML to change its structure like adding a div wrapper. Is this normal or I should plan the HTML, CSS, and JS more before actually doing the code?

Have a nice day 🌹

Thank you!

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord