Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML,CSS, Figma

P
Justin Green 2,650

@jgreen721

Desktop design screenshot for the Meet landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Just some more practice using Figma specs. Feels frustrating sometimes in that, doesn't always feels consistent to CSS conventions?? and in making changes with the responsiveness I found a few instances where it felt they just change the parent-child container relationship entirely and in a manner that doesn't feel reasonable/necessary. Invariably I'm almost finding the entire thing to be an absolute/left/top game and in some ways container/divs be damned, which doesn't really feel right. Would appreciate advice with anyone experienced in the design conversion process, or just any feedback/suggestions in general!

Community feedback

Anna 545

@NitaLewska

Posted

Hey! =) you've done a great work completing this challenge!

  1. If it's okay, I'd suggest you to read about semantic HTML though =) Tags like <header>, <main>, <footer>, <section> and so on are really important for the aссessibility! https://www.w3schools.com/html/html5_semantic_elements.asp https://stackoverflow.com/questions/1729447/what-are-the-benefits-of-using-semantic-html

  2. What's for your question - try to follow some tutorials on Youtube, for example, so to see, how other people do it. I can't really advise you any particular vids, as I mostly watch tutorials in Russian. Anyways, in the beginning, tutorials can be a great help, as we need to learn from the best =) Just remember the main rule - not only watch, but repeat everything yourself, too!!!

Also you can look how other people here or on GitHub solved the same challenge and try to understand what they've done and how it works =)

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord