Latest solutions
Article preview component
#sass/scssSubmitted 4 months agoCan't get a proper responsive page.
I admit it, I was bored by this project and wanted to start another one 😅
Latest comments
- @NENGXT@Henzo238
That's a good job. I like how you made "social card" appears.
For my part, I made them appear when I click on it. - @ysagohhWhat are you most proud of, and what would you do differently next time?
I'm proud of myself for being able to resolve the issues I was facing without asking for help.
What challenges did you encounter, and how did you overcome them?I had to adjust the z-index of the quotation image so it didn't cover the text. I learned that z-index can only be used when the position is set to something other than static. I used
position: relative
@Henzo238Nothing to say, that's a good job. For my part, I used the "quotation image" as a background-image for the card
- @NitiemaAllassane@Henzo238
Maybe you could reduce the border-radius so colors on border-top stay on the line and do not "spill" You did a good work
Marked as helpful - @ysagohhWhat challenges did you encounter, and how did you overcome them?
Using
border-top
directly onto the boxes made the border curve alongside the border-radius. I had to set the border onto the child element instead.@Henzo238I imagine you resolved your problem because your box-shadow appears on my phone
- @GCrane93What are you most proud of, and what would you do differently next time?
While creating this component, I learned about using max-inline-size, a useful new way to create responsive wrapper elements
.wrapper { max-inline-size: 600px; margin-inline: auto; padding-inline: 1rem; }
@Henzo238Good job
- @Sameeralam9@Henzo238
Good job