Romaissa Zaoui• 450
@Romaissazr
Submitted
Hazel-David
@Hazel-David
All comments
- Hazel-David• 260
@Hazel-David
Posted
Hello Romaissa Zaoul. I've taken a quick peek at your project. I must say it looks good on larger screen but for smaller screens such as tablets or mobile phones it goes out of view.Here are some of the few mitigations i would recommend as a startup. -Try bootstrap 5(CSS framework) And try looking at the this line of code in your program
@media screen and (max-width: 376px)the breakpoint (376px) only account for 30% of the screen sizes, try making the breakpoint at 576px. I hope this helpsMarked as helpful
0 - Alexander Sanchez G.• 90
@AlexSG29
Submitted
What challenges did you encounter, and how did you overcome them?
Definitely for me the biggest challenge was the table of values, it was difficult for me to organize it in the same way as in the challenge, it was difficult for me to roll an element without affecting the other column but I managed to do it using a relative position as an argument.
What specific areas of your project would you like help with?
You can't make the responsive project for cell phones look the same, I couldn't make the image enlarge, occupying the entire top part as the design shows, I still need to learn that responsive part using only CSS.
Hazel-David• 260@Hazel-David
Posted
Hello fellow coder, here some little help. To make your project a bit responsive without complication of things, I advice you implement relative units such as em and rem rather than px. This is because px tend rather to be fixed than adaptive. I hope this helps. Like if it helps
0
