Latest comments
- @vinay-parit@ADR-39
Prefer using the grid layout over hard coding the position of elements.
- @Ian-Cardoso@ADR-39
Interesting way of positioning the cards. you should have used grid, though.
- @KonamtiWhat are you most proud of, and what would you do differently next time?
I was able to make my design responsive with just few lines of code.
What challenges did you encounter, and how did you overcome them?I had soo much difficulty with adjusting the image at max-width 500px and making it fit in the grid. I still to learn more on the reponsiveness of images.
What specific areas of your project would you like help with?I would love to gain extra help on the responsiveness of grid and images with their height and width using percentages. I also need more help understanding the heights of my parent containers overlapping the viewport.
@ADR-39Nice work, however consider using
<picture>
HTML element instead of<img>
which allows for responsive image selection depending on the viewport width via media queries.Marked as helpful - @ThooHoang@ADR-39
Instead of using
.table { border-bottom: ... }
You should use "next sibling" selector
.table + .table { border-top: ... }
- @kidd212@ADR-39
The font does not seem to be "Inter". Check out "google-webfonts-helper" site which is helpful for generating css boilerplate to define custom fonts using static files.
- @shandy100-cyber@ADR-39
The margin between elements does not seem right