Skip to content
This repository was archived by the owner on Apr 18, 2025. It is now read-only.

Conversation

@Fidaabashir89
Copy link

@Fidaabashir89 Fidaabashir89 commented Oct 30, 2023

Learners, PR Template

Self checklist

  • I have committed my files one by one, on purpose, and for a reason
  • I have titled my PR with COHORT_NAME | FIRST_NAME LAST_NAME | REPO_NAME | WEEK
  • I have tested my changes
  • My changes follow the style guide
  • My changes meet the requirements of this task

Changelist

Briefly explain your PR.

Questions

Ask any questions you have for your reviewer.

@netlify
Copy link

netlify bot commented Oct 30, 2023

Deploy Preview for cyf-module-html-css ready!

Name Link
🔨 Latest commit aa1ed7e
🔍 Latest deploy log https://app.netlify.com/sites/cyf-module-html-css/deploys/656220f4c51b990008a5a3ad
😎 Deploy Preview https://deploy-preview-179--cyf-module-html-css.netlify.app/form-controls
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance:
Accessibility:
Best Practices:
SEO:
PWA: -
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

@Ara225 Ara225 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nothing but good and one small copy paste job here :)

<div class="form-group">
<label for="delivery-date">Delivery Date:</label>
<input type="date" id="delivery-date" name="delivery-date" required min="<?php echo date('Y-m-d'); ?>"
max="<?php echo date('Y-m-d', strtotime('+4 weeks')); ?>">
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

these PHP bits won't work. This is plain HTML, can't use PHP here. You woud have to use JS to achive what you want to do here, but I wouldn't worry about that now

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks Anna. I worked on this with Fikret and we asked Simon on how we can specify a date as they asked us in the task in html and he said we can't do that in html so we searched on it and found that we can use php instead of using JS. Today, Altom and Areeb helped me on how to use html to secify the date by specify the min and max date. You can see the changes :)


input:focus,
select:focus,
button:focus {
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I like this, consistant focus styles :)

input[type="text"],
input[type="email"],
select,
input[type="date"] {
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

</body>

</html>
</html>
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

all very good semantic HTML here. I like the layout, and the simple, practical design as well

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants