@SatishB15
Submitted
@Andrew-Neely-82
@SatishB15
Submitted
@Andrew-Neely-82
Posted
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 helpful
@mw-138
Submitted
What 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.
@Andrew-Neely-82
Posted
Nailed it!
@DevXtianM
Submitted
What 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?
@Andrew-Neely-82
Posted
I like the footer design in desktop view!
@mw-138
Submitted
What 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.
@Andrew-Neely-82
Posted
Looks good!
@Silent1986
Submitted
@Andrew-Neely-82
Posted
Nice! Don't forget to update the favicon and title inthe index.html
Marked as helpful