Skip to content

#310 button element enhancement #311

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged

Conversation

bzaman
Copy link
Contributor

@bzaman bzaman commented May 2, 2023

Because

Button element is technically better than div element when it's purpose is click event. In this case to close modal.

This PR

  1. div element replaced with button element
  2. button element now has cursor pointer to better accessibility
  3. new replaced button is identical as it was with div element
  4. associated css added for new enhancement

Issue

Closes #310

Additional Information

Pull Request Requirements

  • I have thoroughly read and understand The Odin Project Contributing Guide
  • The title of this PR follows the location of change: brief description of change format, e.g. 01-flex-center: Update self check
  • The Because section summarizes the reason for this PR
  • The This PR section has a bullet point list describing the changes in this PR
  • If this PR addresses an open issue, it is linked in the Issue section
  • If applicable, I have ensured that the TOP solution files match the Desired Outcome image

bzaman added 2 commits May 2, 2023 22:07
`cursor: pointer` property added to global button.  `close-button` class now has two new property to achieve design goal.
@codyloyd
Copy link
Member

codyloyd commented May 3, 2023

looks good. nice work 👍🏽

@codyloyd codyloyd merged commit 07e096d into TheOdinProject:main May 3, 2023
AngryBabushka pushed a commit to AngryBabushka/css-exercises that referenced this pull request Feb 23, 2024
…button-element-enhancement

TheOdinProject#310 button element enhancement
Oussama5379 added a commit to Oussama5379/css-exercises that referenced this pull request Feb 1, 2025
…button-element-enhancement

TheOdinProject#310 button element enhancement
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Close button div need to replace with button element
2 participants