Tribute page of Muhammad Ali

Tribute page of Muhammad Ali
0

#1

Hiya guys, basically just starting out on freecodecamp, also doing some lessons on codeacademy and other sites, started a week ago, just finished my tribute page. I’ve gotta admit that placing things around was a horror, but made it through! Tell me what you think. Here’s the link to the pen; https://codepen.io/bncy/full/pNvJab/ Im suprised it works well on tablets tho :))


#2

Hi @marelons,

Code like this is difficult to read:

 <div border-radius="100px" style="padding:30px" id="topka" class="container-fluid">
    <h1 style="margin-top:50px" class="text-center">Muhammad Ali</h1>
    <h2 class="text-center"><em>The greatest of all time</em></h2></div>
  <div align="middle" class="container-fluid" id="img">

MDN documentation:
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/style

The style global attribute contains CSS styling declarations to be applied to the element. Note that it is recommended for styles to be defined in a separate file or files. This attribute and the <style> element have mainly the purpose of allowing for quick styling, for example for testing purposes.


HTML inspector(codepen)

  • The ‘align’ attribute is no longer valid on the <div> element and should not be used.
  <div align="middle" class="container-fluid" id="img">

MDN documentation:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div

Attributes
This element includes the global attributes.
The align attribute is obsolete; do not use it anymore.

Cheers and happy coding :slight_smile: