Skip to content
Submitted over 2 years ago

Intro component with sign-up form with HTML and CSS

Kavon Blossom•20
@kblo4517
A solution to the Intro component with sign-up form challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Used just HTML and CSS for this. Used this lightweight framework called Pico CSS. Let me know what I could've done different or more efficient.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in with GitHub

Community feedback

  • Vanza Setia•27,715
    @vanzasetia

    Hi, Kavon Blossom! 👋

    I recommend removing the Pico CSS since you will overwrite most of the styling anyway. Also, I recommend understanding the CSS first. That way, you can understand the CSS code that is written in that framework. As a result, you can maximize the use of any CSS framework.

    Also, with your own CSS, you can write the code that it is exactly needed for the website. So, the website will not end up with a lot of unused CSS.

    Never use px unit for font sizes. Use rem or em instead. Relative units such as rem and em can adapt when the users change the browser's font size setting.

    Remove font-size: 16px from the <body> styling. It is already the default styling.

    I hope you find this useful. 🙂

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