TheTrueScout
@TheTrueScoutAll solutions
- Submitted 13 days ago
Frontend Mentor | Newsletter sign-up form with success message
- HTML
- CSS
- JS
lol what's the css setting to remove a button highlight after clicking? Also, if there's anything I can improve on, please tell me!
- Submitted 17 days ago
Front end mentor challenge: Article preview component
- HTML
- CSS
- JS
Please tell me if anything can be improved- especially with the javascript!
- Submitted about 2 months ago
Frontend Mentor Challenge: Bento Grid
- HTML
- CSS
If you have any advice, do share. Definitely not my best work though. Code is messy too.
- Submitted about 2 months ago
Frontend Mentor Challenge 6: Four Card Feature Section.
- HTML
- CSS
I didn't want to use
transform: translateY();to position the first and last cards on desktop. I thought there was a way to do it with flex only, but I couldn't figure it out. It would be great if someone could tell me how to do it with flex only( I don't want to put the middle cards in aflex-direction: column;div and make the main card container aflex-direction: row;div ). - Submitted 2 months ago
Frontend Mentor challenge 4: Recipe Page.
- HTML
- CSS
-
The list elements. I took a very round about way to fix two things- one of them being changing the width of the bullet points. I used
li:marker { width: 0.3rem; }but it did not change the size. the second thing was the space between theliand the text. For both theoland theul, I used the pseudo element::beforeto make that space(and changing the size of the bullets), but it got much more complicated with theoland the code got longer than I'd have wanted it to. If there's a better way to fix these, please tell me. -
Is there a way to increase space between
lielements without turningulorolinto flex elements? I don't thinkgap:works without flex( I could be mistaken.)
- Submitted 2 months ago
Frontend Mentor challenge 3: Social links card.
- HTML
- CSS
If there's any part you think I could improve on, please tell me! :)
