mirror
/
front-end-interview-handbook
mirror of https://github.com/yangshun/front-end-interview-handbook.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: 4ba1c137-353a-4df0-84e6-65822426c625

This commit is contained in:
tahachm 2025-04-27 16:07:57 +05:00
parent 9db5b019a5
commit 9afdb78359
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/front-end-interview-guidebook/contents/user-interface-questions-cheatsheet/en-US.mdx
View File

@ -80,7 +80,7 @@ Does your UI provide a great user experience?
- Make interactive elements like buttons large enough to be pressed (recommend at least 44 x 44 px) and spaced widely enough.
- **Error states**: Reflect errors promptly and clearly — form validation errors, network request errors.
- **Handle rendering images of different dimensions**: Make your UI work for rendering images of all sizes/dimensions yet preserving the original aspect ratios.
- Use CSS `background-image` together with `background-position: contain` so that the image fits within your defined area. If it is ok for the image to be cropped off (e.g. for gradient backgrounds), use `background-position: cover`.
- Use CSS `background-image` together with `background-size: contain` so that the image fits within your defined area. If it is ok for the image to be cropped off (e.g. for gradient backgrounds), use `background-size: cover`.
- `<img>` tags have a similar `object-fit` property with `contain` and `cover` values.
- **Optimistic updates**: Advanced technique where the success state is reflected even though the network request is still pending. If the request fails, revert the UI changes and show an error message.