Desktop Apps are not displayed properly on mobile devices.

main nav:

mobile menu

sm @media (min-width: 640px)
full nav

should be

check the spacing between icon, text and border

layout fix and typography fine tuning

should be

should remove the space between the logo and the title

should be

should look like

the two buttons have different font sizes they should have the same font size

Make the grid on the filter page responsive and they should share the same component with the app page grids

it should be bigger, check figma

page title, description favicons, open graph meta ..

1. Missing background overlay (by clicking on the overlay the modal should close)

2. Avoid window scroll when the modal is open

3. Spacing sizes colours and border radius should match the design

4. missing clear filter button

The website is bright and needs dark mode.
ist there someone working on the toggle switch functionality?
would you mind if I go for it?

i see that are imported the packages for styling with three different three different methodologies:
-tailwind / postcss
-styled-component / twin
-sass
but i guess that only tailwind/postcss is used

This regards the tagging of images in the tina CMS:

• Make the Userflow Tag not mandatory
• Make Userflow Multiselect
• Delete the "Blank" Userflow Tag (I didn't do it yet because i wasn't sure if it would break something)

Increase the size of the clear and close button in the footer of the filter

Desktop apps should take only one row in the overview, 2 screen on larger viewport and 1 on smaller viewports

Tags and userflows button should stay at the top and move the only the filter button to be fixed at the bottom

use inline svg/jsx

see figma
https://www.figma.com/file/I86INi5pxytoVkpvJquhhB/neueux.com?node-id=1813%3A466

Fix the border-radius issues on the filter popup sidebar and include a new utility class for a border radius of 2rem

i have added some specifications in figma https://www.figma.com/file/I86INi5pxytoVkpvJquhhB/neueux.com?node-id=1813%3A228

Fix the tag button on different screens

Move the shadow to the container to allow the shadow to reflect as sort of squared layout around the icon

The filter close button needs to cover the whole width of the modal on all devices

full (like it is)

sm @media (min-width: 640px)

right panel, like it happen now after 1280px

Create a reusable button component with different button sizes.

the close button is big on the mobile

Since all content is the repo itself, A Github Issue template could help standardize
would you mind if I go for it?

Screens grid:

mobile screen img: 2 col (1/2)
desktop screen img: 1 col (full)

sm @media (min-width: 640px)
mobile screen img: 3 col (1/3)
desktop screen img: 1 col (full)

md @media (min-width: 640px)
mobile screen img: 4 col (1/4)
desktop screen img: 1 col (full)

lg @media (min-width: 1024px)
mobile screen img: 6 col (1/6)
desktop screen img: 2 col (full)

When no filter is selected this page works as a overview of apps, by clicking on a screen it should go to the app page

• filters in the main screens should filter all the screens not only the preview (6 screen per app)
• by clicking on a screen it should open the screen detail, like it is, not get confused by #40
• by browsing screens details it should browse the filtered results not the apps screens, by closing the screen details it should return to the filtered page

at the moment only 20 options are presented to the user, override the default setting using options_length (100)
https://www.netlifycms.org/docs/widgets/#relation

avoid 'Each child in a list should have a unique "key" prop" by assigning an unique key'
add a unique key prop when you attempt to render a list of elements

I’m interested in contributing blockchain case studies and other content to neueux. Is this the right repo in which to place a pull request?

Also, what kinds of content are you all lookong for? Is there an outline or some sort of wish list that I could see?

Thanks!

Now that we have desktop app and mobile app, we need to adjust the grid in order to always align screens of different sizes when they appear in the same listing eg. filtered listing

https://www.figma.com/file/I86INi5pxytoVkpvJquhhB/neueux.com?node-id=2053%3A112

each tag/userflow should link to the tag/userflow page, all screens with a specific tag from all apps should be shown there

load only the font weights used or the variable font version

Fix the filter button on different device