---
id: 587d7dbd367417b2b2512bb5
title: Nest CSS with Sass
required:
- src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
raw: true
challengeType: 0
videoUrl: ''
localeTitle: عش المغلق مع ساس
---
## Description
undefined
## Instructions
undefined
## Tests
```yml
tests:
- text: يجب أن تعيد التعليمة البرمجية تنظيم قواعد CSS بحيث يتم .blog-post
h1
و p
في .blog-post
.
testString: 'assert(code.match(/\.blog-post\s*?{\s*?h1\s*?{\s*?text-align:\s*?center;\s*?color:\s*?blue;\s*?}\s*?p\s*?{\s*?font-size:\s*?20px;\s*?}\s*?}/gi), "Your code should re-organize the CSS rules so the h1
and p
are nested in the .blog-post
parent element.");'
```
## Challenge Seed
```html
Blog Title
This is a paragraph
```
## Solution
```js
// solution required
```