The responsive design is not the best, but I tried!
Bezies
@BeziesAll comments
- @valeOopaSubmitted over 1 year ago@BeziesPosted over 1 year ago
Super nice, just a little cursor: pointer miss for the validation mail button ;)
Marked as helpful2 - @TryinghardFESubmitted over 1 year ago
One of the toughest challenge so far. I made the accordions using tailwindcss alone using group-hover: & made hamburger menu using basic JS ~ Any feedback will be highly appreciated!
Happy coding! =)
@BeziesPosted over 1 year agoHI, Sorry for my poor english but your hamburger / close button don't work very well. You just have to click on the lines to be able to activate it.. and they are very fine..
There is probably a padding problem also for your footer and your "Designed for the future" block.
0 - @victorad375Submitted over 1 year ago
I'm open to better suggestions.
@BeziesPosted over 1 year agoHi, you complicate yourself with the relative position to arrange your different elements.
Look at the CSS grid method, which is quite simple to use. This is the purpose of this exercise.
Good luck with your dev
1 - @andersonrodrigodSubmitted almost 2 years ago
my second project, is there any tool that helps with media queries? my main difficulty
@BeziesPosted almost 2 years agoYour media queries seem ok. You can very well add them to your style.css file, it's even the simplest.
- I don't think you need to add html besides body for the first line.
Also, your code lacks 2-3 small adjustments such as the color of the paragraphs or the buttons. Just add a class to each button and then style them with your css.
It's a good start though
Marked as helpful0 - @Aikaykalu17Submitted almost 2 years ago
Feedbacks are appreciated
@BeziesPosted almost 2 years agoThere are 2-3 small errors or omissions in your simple code to add.
For example a cursor: pointer for your buttons elements.
For the buttons elements also review your box-shadow with a color closer to the background color than a black/grey
Or concerning your footer, list links (ul - li) of the type:
<ul> <li><a href="">Text</a></li> </ul>The rest is pretty well done.
Marked as helpful0