All comments

• 

  Lucas 👾• 104,540

  @correlucas

  Submitted over 1 year ago

  👾 Hello, Frontend Mentor coding community. This is my solution for the News Homepage

  An amazing challenge to practice grid. I didn't know any JS yet, so I created the burger menu 🍔 using only CSS.

  🍚Follow me in my journey to finish all HTML/CSS only challenges (23/24)! Gotta Catch ’Em All

  Ill be happy to hear any feedback and advice!

  

  News Homepage - Vanilla CSS (Burger Menu CSS ONLY) 🍔

  4

  64

  13

  

  Jorge pereira• 230

  @jorgealves-b

  Posted over 1 year ago

  Is perfect ! I can't join flex-box with grid. I need to study more, but there's something that makes me pensive... a lot is said about semantics, but people use a lot of divs and classes.

  this challenge I only managed to do the mobile version, it's frustrating.

  Marked as helpful

  0
• 

  Lucas 👾• 104,540

  @correlucas

  Submitted over 1 year ago

  👾 Hello, Frontend Mentor coding community. This is my solution for the Art Gallery Website

  When I started my journey in Frontend Mentor this was my dream challenge that I always wanted to complete. Now, after 7 months (I know it took to long, but I am a noob 💁‍♂️) its done! Challenge accepted and completed.

  The challenge was really challenging, the main struggle I had building this html structure/css was with the header and the image gallery. I had some fun trying to figure out how to make the grid-template-area and after some tutorials I get how to use this tool (was my first time with grid-area).

  🎨 I added some custom features:

  • 👽 Hover Effects
  • 🧚‍♀️ CSS Animations

  🧐 Special thanks to:

  • @AdrianoEscarabote - AdrianoEscarabote Profile that helped me with the Leaflet Map (I have zero knowledge with JS so I had no idea how to include the map).
  • @VanzaSetia VanzaSetia Profile to explaining me how to make the h1 heading effect in the header with mix-blend-mode: difference.
  • @elaineleung ElaineLeung Profile To have explained me how to add CSS Animations. Now I am really happy adding motion everywhere hahaha. She is of the FEM greatest mentors.

  Tutorials used to learn grid-template-area:

  • DESIGN COURSE - Easily Structure your Layout with CSS Grid's 'grid-template-areas'
  • KEVIN POWELL - Why CSS grid-area is the best property for laying out content'

  🍚Follow me in my journey to finish all HTML/CSS only challenges (Only 1 missing)! Gotta Catch ’Em All

  Ill be happy to hear any feedback and advice!

  

  👨‍🎨 Art Gallery Website VANILLA CSS (CSS Animations & Hover Effects)

  8

  98

  22

  

  Jorge pereira• 230

  @jorgealves-b

  Posted over 1 year ago

  I will try to do this beautiful work

  1

  This comment has received 1 replyShow
• 

  Jorge pereira• 230

  @jorgealves-b

  Submitted over 1 year ago

  

  qr-code !

  3

  5

  0

  

  Jorge pereira• 230

  @jorgealves-b

  Posted over 1 year ago

  obrigado ! Analisando novamente é possível ver que realmente da para excluir muitas linhas de códigos desnecessárias.

  0
• 

  Jorge pereira• 230

  @jorgealves-b

  Submitted over 1 year ago

  My code is not perfect, you can criticize! and can also praise, thank you.

  

  Responsive page

  4

  3

  0

  

  Jorge pereira• 230

  @jorgealves-b

  Posted over 1 year ago

  ooooh, nice ! I didn't know about this converter. thanks

  0
• 

  Jorge pereira• 230

  @jorgealves-b

  Submitted over 1 year ago

  My code is not perfect, you can criticize! and can also praise, thank you.

  

  Responsive page

  4

  3

  0

  

  Jorge pereira• 230

  @jorgealves-b

  Posted over 1 year ago

  thanks ! any help is so great.

  0
• 

  Jorge pereira• 230

  @jorgealves-b

  Submitted over 1 year ago

  My difficult was the transition to 768px for more.

  

  Responsivo com flex (not responsive enough)

  2

  4

  0

  

  Jorge pereira• 230

  @jorgealves-b

  Posted over 1 year ago

  Thanks !!!! i'm learning a lot.

  0