@NadiaFrShLm
Latest solutions
Responsive Multi Step Form using Svelte and Typescript
#accessibility#svelte#typescript#tailwind-cssSubmitted over 2 years agoReact App to display notifications
#react#react-testing-library#tailwind-css#typescriptSubmitted almost 3 years agoMERN App Countries Search with light and dark mode
#chakra-ui#react#tanstack-query#react-router#axiosSubmitted about 3 years agoResponsive Interactive Rating Component
#accessibility#typescript#vue#sass/scssSubmitted about 3 years ago
Latest comments
- @Yellow-May
A good way to improve responsive designs, is to work with a mobile first design flow; design for mobile first the adjust the design for larger screen sizes. Aside from your work not being responsive, you can also use the reports as a standard to handling HTML semantics, validations and accessibilities.
Marked as helpful - @Yellow-May
MERN App Countries Search with light and dark mode
#chakra-ui#react#tanstack-query#react-router#axios@Yellow-MayAccessibility and HTML issues are due to using a CSS framework I will work to fix and reduce some of the issues.
- @Yellow-May@Yellow-May
Have no idea why the screenshot looks like that!
- @PetraU11@Yellow-May
For a first time project, it looks decent Just need better use of positioning to get your card to the centre of the screen preferably using flex-box.
Other than that, Nice work.
- @DanielGibsonOrchid@Yellow-May
Love this
- @Debabrata-bhakat@Yellow-May
For a first time, it looks decent only notable improvement would be on your width and height of each section
in this kind of situation, grid would be more suitable to use in my opinion because it allows you to allocate the total amount of rows and columns for the "table" and makes assigning the width and height easier to do.
