Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted almost 4 years ago

Desktop first site using html, css and vanilla javascript

Chris Ridley•20
@cwridley
A solution to the Blogr landing page challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


This is my first attempt writing unguided HTML/CSS. Next project I will be sure to use mobile first development. Starting with desktop first lead to messier css.

I am curious if there is a best practice for building out the content section of this landing page. I chose to use three 1X2 grids, as it was easy to make sure that they maintained the same width (rather than flexbox). Is there a better way to accomplish this? Is it more efficient to use a single grid that contains all of the content?

Ignore the "Start for Free" button that has wrapped text. I believe this is a bug with the screen capture - it does appears as it should on the actual site.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Chris Ridley's solution.

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
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub