Startsida Utforska Hjälp
Logga in
fgm
/
front__coursera-responsive-design
1
0
Fork 0
Filer Ärenden 0 Pull-förfrågningar 0
Träd: 586f5d6cc5
Grenar Taggar
front__coursera...
/
assignment.scss

assignment.scss 809 B
Historik Rå

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 
  1. #home-carousel {
    2. 

  2.   .item img {
    3. 

  3.     height: 600px;
    4. 

  4.     width: 100%;
    5. 

  5.     object-fit: cover;
    6. 

  6.     margin-left: auto;
    7. 

  7.     margin-right: auto;
    8. 

  8.   }
    9. 

  9. 

  10.   h2 {
    11. 

  11.     font-size: 400%;
    12. 

  12.     text-shadow: 2px 2px 5px #000;
    13. 

  13.   }
    14. 

  14. }
    15. 

  15. 

  16. #class-row {
    17. 

  17.   h2 {
    18. 

  18.     text-align: center;
    19. 

  19.     font-size: 150%;
    20. 

  20.   }
    21. 

  21. 

  22.   .col-md-3,
    23. 

  23.   .col-xs-6,
    24. 

  24.   .col-sm-4,
    25. 

  25.   .col-md-3 {
    26. 

  26.     padding: 5px;
    27. 

  27.   }
    28. 

  28. 

  29.   .panel {
    30. 

  30.     -webkit-box-shadow: 2px 2px 5px #0F0F0F;
    31. 

  31.     -moz-box-shadow: 2px 2px 5px #0F0F0F;
    32. 

  32.     box-shadow: 2px 2px 5px #0F0F0F;
    33. 

  33.   }
    34. 

  34.   
    35. 

  35.   img {
    36. 

  36.     height: 200px;
    37. 

  37.     width: 100%;
    38. 

  38.     object-fit: cover;
    39. 

  39.     margin-left: auto;
    40. 

  40.     margin-right: auto;
    41. 

  41.   }
    42. 

  42. 

  43.   .panel-body,
    44. 

  44.   a.thumbnail {
    45. 

  45.     border: none;
    46. 

  46.   }
    47. 

  47. }
    48. 

  48. 

  49. #species-row {
    50. 

  50.   img {
    51. 

  51.     height: 400px;
    52. 

  52.     width: 100%;
    53. 

  53.     object-fit: cover;
    54. 

  54.     margin-left: auto;
    55. 

  55.     margin-right: auto;
    56. 

  56.   }
    57. 

  57. }
    58.