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

ww3schools css course

@NelsonMungai2003

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


How to align the paragraph and h1 header side by side

Community feedback

@Earpz1

Posted

I personally used Flexbox for this challenge althougth from my understanding CSS Grid seems to be the preferred solution.

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Create a flex container with a flex direction: row (it's row by default so you don't have to explicitly declare it). Within that container put your H1 and Paragraph in it which will put them side by side and you can then style them with margin / padding to position them exactly where you want them.

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