London | 25-ITP-May | Eyob Zeray | Sprint 1 | Form controls#1383
London | 25-ITP-May | Eyob Zeray | Sprint 1 | Form controls#1383eyob-tech wants to merge 7 commits into
Conversation
✅ Deploy Preview for cyf-onboarding-module ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
| <head> | ||
| <meta charset="UTF-8"> | ||
| <title>T-Shirt Order</title> | ||
| <style> |
There was a problem hiding this comment.
How could you separate the code for the styling from the HTML to make it easier to review (because of smaller files with separate responsibilities)
There was a problem hiding this comment.
I moved the CSS from the HTML file into a separate style.css file and linked it to index.html. I tested it with Live Server and the styling is working correctly.
| </main> | ||
| <footer> | ||
| <!-- change to your name--> | ||
| <p>By HOMEWORK SOLUTION</p> |
There was a problem hiding this comment.
I’ve added my name to the exercise and pushed the changes. Thank you for the feedback.
| <h1>Order a T-Shirt</h1> | ||
|
|
||
| <label for="name">Your Name</label> | ||
| <input type="text" id="name" name="name" pattern=".*\S.*\S.*" required> |
There was a problem hiding this comment.
I don't see any errors or warnings in the browser when I input an incorrect values into the fields. How can you ensure this?
move CSS to separate file
paste CSS here

Learners, PR Template
Self checklist
Changelist
I created a T-shirt order form by using HTML and CSS only.