Andrew Neely
@Andrew-Neely-82All comments
- @SatishB15Submitted 4 months ago@Andrew-Neely-82Posted 4 months ago
If you were struggling with the li marker placement in mobile, this is how I did it.
code is written is scss for context.
`li { padding-inline: 2rem; margin-bottom: 0.5rem; position: relative; list-style: none;
&::before { content: "•"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 24px; font-weight: bold; color: map-get($colors, Rose-800); } }
Marked as helpful0 - @mw-138Submitted 4 months agoWhat are you most proud of, and what would you do differently next time?
I am most proud of being able to replicate the component via the designs provided to me.
What challenges did you encounter, and how did you overcome them?I didn't encounter any challenges with this project.
What specific areas of your project would you like help with?I don't require any further help with this project.
- @DevXtianMSubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
I applied proper SASS file structure for development and some of best practices of using SASS. I would probably use this css preprocessor for the next challenges so I can improve and learn more. :D
What challenges did you encounter, and how did you overcome them?I've found media queries hard to understand but get through it after watching youtube tutorials and articles.
Here is the video I watched: https://www.youtube.com/watch?v=K24lUqcT0Ms
What specific areas of your project would you like help with?Hi guys, can you give me some best practices that I can apply while using SASS?
- @mw-138Submitted 4 months agoWhat are you most proud of, and what would you do differently next time?
I am most proud of being able to replicate the component via the designs provided to me.
What challenges did you encounter, and how did you overcome them?I was unsure how to change line heights and letter spacing via Tailwind CSS, so I use the Tailwind CSS documentation to view the correct syntax.
What specific areas of your project would you like help with?I don't require any further help with this project.
- @Silent1986Submitted 4 months ago@Andrew-Neely-82Posted 4 months ago
Nice! Don't forget to update the favicon and title inthe index.html
Marked as helpful0