Skip to content
This repository was archived by the owner on Jan 14, 2024. It is now read-only.

Manchester_NW5 - Emily_Barton - HTML/CSS - WEEK_1 #214

Open
EABarton123 wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Manchester_NW5 - Emily_Barton - HTML/CSS - WEEK_1 #214

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
7e3f563
set the layout
EABarton123 Jul 29, 2022
7b58ff9
updated
EABarton123 Jul 29, 2022
cf1f1d4
css, added images and footer
EABarton123 Jul 29, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 23 additions & 0 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,3 +6,26 @@
* for example: General styles, Navigation styles, Hero styles, Footer etc.
*
*/

@import url('https://fonts.googleapis.com/css2?family=Square+Peg&family=Work+Sans:wght@300&display=swap');
article {
padding: 20px;
display: flex;
justify-content: space-around;
}

body {
text-align: center;
background-color: palevioletred;
color: white;
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

section:first-child {
color: palevioletred;
background-color: white;
}

img {
padding: 10px;
}
63 changes: 63 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,69 @@
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<header>
<h1>
Breastfeeding tips for mums, in a heatwave.
</h1>
<p>
This is a site where breastfeeding is welcomed, find handy tips for you and baby!
</p>
</header>
<main>
<section>
<img src="https://images.bauerhosting.com/motherandbaby/legacy/root/breastfeeding-in-summer.jpg?q=80&w=1400&ar=16:9&fit=crop&crop=top" width="150px;">
<title>
<h2>Don’t stress about your milk (you have enough)</h2>
</title>
<article>
Your breastmilk is perfectly designed to give your baby everything they need and is even clever enough to adapt in the summer. ‘When you get hot, more blood circulates to your breasts,’ says Angela. ‘The mammary glands in your breast act a bit like sweat glands and this extra blood causes them to produce more milk with a higher water content.’

This means you won’t need to give your baby any additional water. ‘If your baby is under six months, giving additional water can actually interrupt the salt balance in your baby’s body, whereas your breastmilk is perfectly balanced to suit your baby’s age and stage and will give him everything he needs,’ adds Angela.

You’ll probably find that your baby is likely to want to feed more often and for shorter periods to quench his thirst so just be sure to feed on demand rather than sticking to a routine.
</article>
<summary>
<a href="https://www.motherandbaby.co.uk/baby/feeding/breast-milk-uses/">Here is a link to 12 amazing uses for breast milk</a>
</summary>
</section>
<section>
<img src="https://images.bauerhosting.com/motherandbaby/2022/07/Breastfeeding-in-hot-weather.jpg?q=80&w=850" width="150px">
<title>
<h3>Make sure you stay hydrated too</h3>
</title>
<article>
As well as thinking about what your baby is drinking, you need to give yourself equal consideration in the heat. ‘Leave water bottles around the house so you can drink whenever you need to,’ says Angela. ‘If it’s a hot day, you’re likely to feel really thirsty as your baby will be taking more water from you.’

Get in the habit of having a drink every time you feed your baby, and aim to drink an extra litre of water day while breastfeeding (three litres instead of the usual two).

Hydration tracker water bottles, such as HydrateM8 Hydration Tracker can help you keep on top of your fluid intake and if you’re worried you will forget, set regular reminders on your phone. ‘New mums are often too busy to drink or may reach for something like coffee, which is dehydrating,’ says Angela. ‘It’s really important to stay hydrated for your own wellbeing as well as for your milk supply.’

Tip: If you struggle with the volume of drinking so much water, try chilling pieces of watermelon, which is 92 per cent water and will boost your fluid intake. Watermelon is also a good source of replenishing electrolytes such as potassium and vitamins A, B6 and C, plus it will help cool you down.
</article>
<summary>
<a href="https://hydratem8.com/hydration-tracker-water-bottles/">A link to great water tracking bottle</a>
</summary>
</section>
<section>
<img src="https://images.bauerhosting.com/motherandbaby/2022/07/breastfeeding-in-heat.jpg?q=80&w=850" width="150px">
<title>
<h4> Take a pit stop</h4>
</title>
<article>
Summer days out and holidays can mean more long car journeys than usual. ‘Your baby may sleep for longer than usual due to the motion of the car, meaning he might not wake for feeds as often as he would at home,’ says Angela.

‘Also bear in mind that the air conditioning in many cars doesn’t quite reach the back so while you might feel quite cool in the front, your baby might be quite hot. If you’re going on a long car journey on a hot day, make extra stops and wake your baby up for a feed.’

Be sure not to go for longer than two hours without taking a break.
</article>
<summary>
<a href="https://www.motherandbaby.co.uk/baby/sleep/newborn-wear-in-bed/">A link for tips for what to put baby in to bed</a>
</summary>
<footer>
<p> For any other breastfeeding support please use https://kellymom.com/</p>
</footer>
</section>
</main>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
</body>
Expand Down