I'm really new to web design and recently took a course in HTML and CSS. To get some hands-on experience, I decided to experiment with CodePen. I found a simple login page that looked easy to work with and copied the code into my own project. After making a few text changes, I clicked to view the full page, but it looked very basic compared to the original. I copied both the HTML and CSS, but the JavaScript section was empty. I've heard that login pages typically use a lot of JavaScript, so I'm wondering if I'm missing something crucial?
4 Answers
It sounds like you need to include an external stylesheet! In your pen settings under CSS, you can add Bootstrap or other frameworks that the original code might be using. For instance, try including `//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css` to help your layout look more complete.
Instead of just copying the code, consider trying to recreate the login page from scratch. It will help you learn more about the structure and design. Plus, you can always reference the original code in your browser's dev tools!
Could you share your code? It would help to see both what you have and the original. Sometimes the differences are subtle but can make a big impact!
Sure! My copy is here: https://codepen.io/togregorynelsonj/pen/LEVwGdN and the original is https://codepen.io/ace-subido/pen/nLgWyj.