Veena K Venugopal
@Veena-K-Venugopal
All comments
- P
@Veena-K-Venugopal
Posted
Great job on the portfolio page!
Marked as helpful
0 - zxc-w• 80
@zxc-w
Submitted
What challenges did you encounter, and how did you overcome them?
I learned a lot from this challenge.
Had different issues in CSS:
-
Adjusting the space between the list items and its markers.
- This requires using the list styling
list-style-type:noneand using::beforepseudo selector to make the markers myself so I can manage them as I want and adjust the spacing as needed.
- This requires using the list styling
-
In the mobile design, the image is full width which I didn't notice at first and my styling needed some refactoring to make it work in both desktop and mobile views.
-
A weird behaviour of the
bodyelement's height isn't enough for the content inside it which causes overflow and layout issues although its height property was set to100%. Changing theheighttoautoresolved this issue.- This causes no margin or any space around the body content which makes the content stick to the edges but I needed the content to breath a little. So, I used margin with a percentage value to the
mainelement which is much better now.
- This causes no margin or any space around the body content which makes the content stick to the edges but I needed the content to breath a little. So, I used margin with a percentage value to the
Overall, I'm happy with the result.
Hope you are too!
Edit: changed
height: autotomin-height: 100vhon body element.What specific areas of your project would you like help with?
If you have any suggestions or fixes, I would appreciate it.
P@Veena-K-Venugopal
Posted
Good job on the solution! I also found setting
heighttoautohelpful in correcting the vertical layout.1 -
- Francisco Lima• 40
@franciscolima-pro
Submitted
P@Veena-K-Venugopal
Posted
The CSS code is well-structured and properly commented. It is greatly helpful in communicating the code and workflow with others. The width of the white rectangle is different than the design. I would have edited some starter code documents to make the solution more personalized. Congrats on finishing the challenge successfully!
0
