eros77sc
@eros77scAll solutions
- Submitted about 1 month ago
Testimonials Grid Section Main
- HTML
- CSS
I can't understand why the cards are being rendered this way. On Live Server, the page looks correct, but on the GitHub link, they are stretched, and I can't figure out where the error in the code is.
- Submitted about 1 month ago
Four card feature section
- HTML
- CSS
I had trouble centering the text after the main title. I was using Flexbox, and when I applied
max-width
to the text to create the line-break effect without using ``, the text was aligned to the left, as if it wasn’t following Flexbox behavior. Neithertext-align
noralign-self
set tocenter
worked. I usedmargin-inline-start
, but I would like another solution.Any other tips about something I might be missing would be greatly appreciated!
- Submitted about 1 month ago
Product Preview Card
- HTML
- CSS
I wrote the code mobile-first, but after using media queries for larger screens, the rendering for smaller screens made the card larger. Could anyone tell me what happened? Any tips are appreciated!
- Submitted 3 months ago
Recipe Page - Responsive
- HTML
- CSS
- Although I found solutions for the table borders, if you have any tips on using just
border
, it would be great to make the code shorter (I think). - Using
::before
for the list markers was a solution, but I couldn’t make the samefont-size
changes with::marker
. Any tips? - I reused code from other cards in the Frontend Mentor challenges to make this card appear centered vertically and horizontally, but vertically it is "fixed" at the top of the page, without showing the background. How can I fix this?
- I’m open to any other tips on the code!
- Submitted 3 months ago
Social Links Profile
- HTML
- CSS
I welcome all tips, especially on how to make an element behave the same way regardless of screen size (for example, laptops and desktops). Is this defined in the body?
- Submitted 4 months ago
Componente QR Code
- HTML
- CSS
Este é o meu primeiro código, então na verdade qualquer dica é bem-vinda.