Latest solutions
Responsive Fylo Dark Theme Landing Page with ReactJSand TailwindCSS
#react#tailwind-cssSubmitted almost 3 years ago
Latest comments
- @DarKaRor@noheezybucket
Hellooo I checked the result you provided for this challenge.
In my opinion :
- You should check the position of the card it's not well centered on the Y-axis.
- You should check the responsiveness of the page so it can adapt to all types of screen.
- Check the report for your HTML code, seems like you did not used the max-length property the right way.
- For the number input you did not limit the number of input to 16 I think it's stopping at 19 numbers.
Except that you did a great work. Good job mate.
Marked as helpful - @pippal5536@noheezybucket
Hi ,
Your HTML code is clean. Seems like you project is looking great on all screen sizes:), but I think you can put some side margin at 320px, there's no space between the body and the borders of the card.
I hope that you will find the answer of your questions right here :
a- https://www.w3schools.com/css/css_background.asp
b- to center the avatar between two divs you can try this in your css:
.avatar img { position: absolute; top: 50%; transform: translateY(-50%); }
.avatar { position: relative; }
Keep coding man.
Marked as helpful - @denielden@noheezybucket
Woaw nice, Tell me, how did you do to make your site as close as the design ??
- @NickODxyz@noheezybucket
Hi Nick,
For the background images in this challenge, I've putted the images in the HTML and then use position: fixed; property in the CSS to make it stand in the background.
- @FoxMalder-coder@noheezybucket
Hello nice work !!! Can you tell me how you did to make your projects dimensions identical to the design ?