Designing Admin pages for blog website | How to design a responsive blog with HTML & CSS

In this video, we design the admin pages for posts, admin users and topics. We design forms that will be used to create (and later on edit) the posts, users, and topics, and we also style tables that will display them.

COURSE ANNOUNCEMENT
In the next series, we will be making the entire blog website dynamic by integrating a database. We will implement all the features illustrated on this website design such as user registration, login, logout, create posts, edit posts, image upload, and so on.

Stay tuned for this series and subscribe to my channel if you've not yet.

Thanks for watching!

[_kahini]

if anyone is struggling with the height not being 100% on the .left-sidebar

html, body {
height:100%;
margin:0;
padding:0;
}


.admin-wraper{
height: -moz-calc(100% - (30px + 40px));
height: -webkit-calc(100% - (40px + 30px));
height: calc(100% - (40px + 30px));
display: flex;
align-items: stretch;
}
hopefully this helps I struggled a lot with it and this worked for me

[rubayaaktermim]

I was searching a perfect admin panel tutorial and you never disappointed me. Thank you.

[peakbrainrotsx]

This should have a million views very informative series. Thank you so much for this. 🇵🇭🇵🇭🇵🇭🇵🇭

[mohammedabdulabi]

I wanted to take a moment to express my gratitude to Awa Melvine for the fantastic series on designing a responsive blog with HTML & CSS. Your tutorials have been incredibly helpful, and I truly appreciate the effort you put into creating such valuable content. Keep up the amazing work! For anyone interested, make sure to like, comment, and subscribe!

[khadiza_wassi]

I was suffering to adjust content on admin panel. This video so helpful to make admin panel easier. Thanks

[janet]

pefect.followed all the 15 videos and created an amazing site. God bless you Awa.

[apoorvasetu]

For those of you struggling with ck editor try this-
Put the following code under the <textarea name="body" id="editor"></textarea> in the html
<script>

(error) => {
console.error(error);
}
);
</script>

and put the cdn link inside the head tag just below the fontawesome script.
hope this works!

[NewsThatsUsed]

Excellent series of tutorials. Very easy to follow. Started at the beginning, ended here (for now). Can't wait to move on. Thank you!!

[praveenandrew]

Awe ! Your tutorials is great and enthusiastic to learn php . Admin pages doesn't have responsive design

[raidboulahdid]

I really enjoyed while watching and learning from this series. Thank you!

[TheOfficialAKAY]

Thank you so much for this Awa. It's not been so easy but its been an amazing ride this far. The amount of time you use to explain what you are doing, and the way you go through the different pieces really makes it easy to understand. Amazing tutorials, cant wait to get started on the next ones!

[ekkkogo]

Thank you sir this has been the best HTML&CSS tutorial i have ever followed i have learnt a lot and am looking forward to the php series.

[shotsofkc]

i completed this series for a school project. i'm up to the php series after this thankyou very much for this tutorial!!!

[SebamCZ]

Thank you, buc can you download source code anywhere?

[danuy]

do you have a full source code on this? :D :)

[nightbeforeflourist]

Hey awa, glad to see you will continue with how to make the website dynamic series.Hopefully you will show us eventually how to do the comment and reply system on the blog posts.i have looked everywhere but I couldn't find any definite source where I can learn the comment system, nobody demonstrates as clear as you do .you are my last hope awa.hopefully in the near future you will show us that tutorial. Thank you so much

[ggaass]

Thank you a lot for this video series. It has widen my mind in unexpected ways. Just out of curiosity: shouldn't you include the attribute enctype="multipart/form-data" on your form? I think it is mandatory for forms that have a file upload control. But I'm also a newbie so I may be wrong.

[GetRealwithMike]

How do I get it to go to the dashboard and what do I put in all the # links have to be directed to something for everything to work. This built the site and it's great but it is non-functional

[kars]

Firstly, can I just say that I have really been enjoying this series and have learnt quite a lot. But I think it would help your tutorials if you could add the source code. could you please put it in the description. I would like to use the source code. But thanks for the vid

[taylorstewart]

Thankyou so so much for this series, it’s so