@blameleo
Latest solutions
Angular/Tailwind/Supabase/TMDB-Api Entertainment App
#angular#tailwind-cssPSubmitted almost 2 years agoSingle-Page-Design Portfolio using REACT.js, Tailwind, and Framer Moti
#framer-motion#react#tailwind-cssPSubmitted over 2 years agoJobListings using React and ReduxToolkit, and SASS for styling
#react#redux-toolkit#sass/scssPSubmitted almost 3 years agoResponsive Dropdown Navigation using REACT & Styled Components
#react#styled-componentsPSubmitted about 3 years ago
Latest comments
- P@DanK1368
Hello,
You can use another div as the parent element of your current navbar, and give it a position absolute. Give it a width and height of 100% to cover the whole viewport.
- @byronbyronP@DanK1368
Hi Byron, nice work. I uploaded the challenge the other day and for some reason when viewing the site on my cellphone I can scroll beyond the content. I have overflow set to hidden though. The same occurs when viewing the site in the browser using the responsive window and setting the touch simulation to enabled. When its disabled though, it works as intended. Hope you can have a look :) I used react and styled components for mine
- P@DanK1368P@DanK1368
I also just realized, that when viewing the site on mobile you can scroll beyond the content ( right and down ) . I'm not sure why that is..
- @leonelmontielP@DanK1368
Hi Leonel,
You have to apply the top borders to your illustration image.
border-radius: 10px 10px 0px 0px;Then it should work.Also to get rid of the Accessibility issues you have to wrap your content in a <main> tag. The order summary text should be an <h1> Tag.
Hope this helps a little.
Happy Coding
Marked as helpful - @thefolakeP@DanK1368
Nice one, it is also responsive.
I would suggest adding a box shadow on the sign up button to make it stand out more. You should also add the hover state for that, to make it more interactive.
- @lnaranjocP@DanK1368
As stated above already, you need to make use of the flex-box properties such as justify-content, and align-items in combination with display: flex. By doing so, there's no need to to give all your different headings margins. I suggest you watch this recent video from Traversy Media on flexbox, you'll be more comfortable on using it afterwards. Flexbox video
