I tried to clone this login page with HTML and CSS but unfortunately, i have a lot of learning to do especially my positioning of the nav bar and making the input to be "elastic" as the screen size changes. please suggestions and criticisms are welcomed.

https://codepen.io/ remi1444/pen/ZEeYxxr


the original site.

https://aaue.waeup. org/login

please remove the spaces from both links.

What is this HTML and CSS?

jom28gy:
What is this HTML and CSS?

The former is a markup language sort of the foundation language for building both basic and complex websites. While the latter is Cascading Styling Sheet used for decorating and designing HTML.

.

SageX1444:
I tried to clone this login page with HTML and CSS but unfortunately, i have a lot of learning to do especially my positioning of the nav bar and making the input to be "elastic" as the screen size changes. please suggestions and criticisms are welcomed.

https://codepen.io/ remi1444/pen/ZEeYxxr


the original site.

https://aaue.waeup. org/login

please remove the spaces from both links.

You tried but you should have padded the input field. Anyway I will advise you to look deep into more fundamentals aspect of coding front end. You can also specialize using Vue or react. Nice one

SageX1444:
I tried to clone this login page with HTML and CSS but unfortunately, i have a lot of learning to do especially my positioning of the nav bar and making the input to be "elastic" as the screen size changes. please suggestions and criticisms are welcomed.

https://codepen.io/ remi1444/pen/ZEeYxxr


the original site.

https://aaue.waeup. org/login

please remove the spaces from both links.

This one no hard at all

try and use flexbox for the nav bar.

Also use linear-gradient for the background of the navbar.

Add padding to the input fields and the white container

stanliwise:

You tried but you should have padded the input field. Anyway I will advise you to look deep into more fundamentals aspect of coding front end. You can also specialize using Vue or react. Nice one

Thank you. I'm currently in CSS, I felt I should try my hands with what I have learnt so far by doing it. I'll try the padding you suggested. Also the font for the body needs media query because it's static. But the media query concept dey hard me.

SageX1444:
Thank you. I'm currently in CSS, I felt I should try my hands with what I have learnt so far by doing it. I'll try the padding you suggested. Also the font for the body needs media query because it's static. But the media query concept dey hard me.

Media Query just allows you to target specific constraint e.g width, mobile, printable device and also all it's like saying anything less than this width should have this styles applied to it and so on.

SageX1444:
I tried to clone this login page with HTML and CSS but unfortunately, i have a lot of learning to do especially my positioning of the nav bar and making the input to be "elastic" as the screen size changes. please suggestions and criticisms are welcomed.

https://codepen.io/ remi1444/pen/ZEeYxxr


the original site.

https://aaue.waeup. org/login

please remove the spaces from both links.

Bros no kill yourself. Bootstrap will do this for you seamlessly.

plantist:


Bros no kill yourself. Bootstrap will do this for you seamlessly.

oh I see. I saw Bootstrap when I INSPECTED the original site using Chrome.

SageX1444:
oh I see. I saw Bootstrap when I INSPECTED the original site using Chrome.

hi I just got hp ProBook 6460b, can I use it to learn programming.
someone told me it's a business laptop that can't be used for coding

GrandFinale2021:
hi I just got hp ProBook 6460b, can I use it to learn programming.
someone told me it's a business laptop that can't be used for coding

I'm using this same PC and it has been working optimally for me. I have only used it for html, CSS and Javascript for now and I have no issue whatsoever.

SageX1444:
I'm using this same PC and it has been working optimally for me. I have only used it for html, CSS and Javascript for now and I have no issue whatsoever.

Boss, must I pass thru HTML and CSS first before I start with JS?

I just started with JS like two weeks ago.

10kgod:


Boss, must I pass thru HTML and CSS first before I start with JS?

I just started with JS like two weeks ago.

It's good practice to start with HTML-->CSS-->

SageX1444:
It's good practice to start with HTML-->CSS-->

Okay. Thanks a lot

SageX1444:
It's good practice to start with HTML-->CSS-->

Thanks.
I'm now on HTML.

10kgod:


Thanks.
I'm now on HTML.

Luckily the next meeting will be a more hands on session, like like coding so you can see how straight forward Html is, the common tags are not much. Will set a meeting and do some recordings too for people

check out this video on the introduction to HTML


https://www.youtube.com/watch?v=JpCn37VW8rA