Skip to content
Submitted almost 4 years ago

Responsive landing page using HTML and CSS

Deborah Trota•60
@deborahtrota
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with a single introductory section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Any feedback or suggestions will be appreciated :)

Community feedback

  • Kristian Dunne•305
    @KristianDunnePosted almost 4 years ago

    Your site is not responsive on mobile or ultrawide views so it would be good to fix that next. It is also worth adding some padding to the social icons to give them some space from their borders to closer match the design. Keep up the work!

    0
  • Guliye•290
    @guliye91Posted almost 4 years ago

    Hi Congratulation for trying and building the site. Your site is not responsive. For layout make use of either of Css grid and Css flexbox. Set the image to be "max-width: 100%" height to be 100% or auto. Either works. This ensures the image to be perfectly inside its parent element. It also makes responsive. Learn responsive design

    0

Please log in to post a comment

Log in with GitHub

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